С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Likabort
0 / 0 / 0
Регистрация: 18.01.2012
Сообщений: 87
1

Не присваевается :nth-child

09.09.2016, 19:44. Просмотров 202. Ответов 2
Метки нет (Все метки)

Вечер в хату, господа


Есть вот такая разметка
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
    <div class="row">
        <div class="col-lg-3 col-xs-12 col-md-4 col-sm-6 categories-wrapper">
            <div class="categories-bg">
            
 
        что-то тут
 
            </div>
        </div>
        <div class="col-lg-3 col-xs-12 col-md-4 col-sm-6 categories-wrapper">
            <div class="categories-bg">
        
 
        что-то тут
 
            </div>
        </div>
        <div class="col-lg-3 col-xs-12 col-md-4 col-sm-6 categories-wrapper">
            <div class="categories-bg">
        
 
        что-то тут
 
            </div>
        </div>
        <div class="col-lg-3 col-xs-12 col-md-4 col-sm-6 categories-wrapper">
            <div class="categories-bg">
        
 
        что-то тут
 
            </div>
        </div>
    </div>


И вот такие стили

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
  .categories-wrapper{
    height: 300px;
 
 
  }
 
  .categories-bg{
    position: relative;
    width: 90%;
    
    height: 90%;
    margin: auto;
  }
 
  .categories-wrapper{
    background-color: #ff0;
  }
 
  .categories-bg:nth-child(2){
    background: #00f;
 
  }
Суть проблемы в том, что у меня не получается присвоить бг для categories-bg, используя nth-child.

Если я устанавливаю бг для .categories-bg:nth-child(1), то этот бг распространяется на все элементы, если же использую .categories-bg:nth-child(2), то ничего не отображается. При этом, когда я присваиваю те же самые стили для categories-wrapper:nth-child(2) всё работает замечательно.

Подскажите, в чём дело, заранее спасибо
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.09.2016, 19:44
Ответы с готовыми решениями:

Nth-child+before
Всем привет, как мне найти нужный элемент и подставить Before, так не...

не работает tr:nth-child(even)
До начала работы с таблицей все нормально выглядит, т.е. через строчку...

Не работает :nth-child
http://codepen.io/anon/pen/VKxqLq HTML-код: &lt;ul class=&quot;wrap&quot;&gt; &lt;li...

Список ul, li и nth-child
Есть список (меню) http://jsfiddle.net/jvuk/Hw2Kv/5/ &lt;div class=&quot;menu&quot;&gt; ...

сбился nth-child
&lt;!-- SERVICES --&gt; &lt;div class=&quot;container&quot;&gt; &lt;div class=&quot;services&quot;&gt; &lt;h1...

2
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2837 / 2405 / 1038
Регистрация: 15.12.2012
Сообщений: 8,935
Записей в блоге: 5
09.09.2016, 20:02 2
Хех...
CSS
1
.col-lg-3.col-xs-12.col-md-4.col-sm-6.categories-wrapper:nth-child(2)>.categories-bg{background:#00f}
1
Likabort
0 / 0 / 0
Регистрация: 18.01.2012
Сообщений: 87
09.09.2016, 20:05  [ТС] 3
Опа, спасибо большое
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.09.2016, 20:05

не работает с :nth-child
Задание: подкрасить выходные дни красным цветом сделал, но если будут...

Комбинирование [attr] и :nth-child()
Имеется группа элементов с классом .block. Эта группа разделяется на 2...

CSS свойство nth-child
Всем привет! Подскажите пожалуйста, как использовать свойство nth-child. Мне...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru