И мой CSS:
#someDivID
{
ширина: 400 пикселей;
}
#кое-что,
#someItem2
{
граница: 1px сплошная #000;
отступ: 1px;
нижняя граница: 2px;
ясно: оба;
переполнение: авто;
}
.someItemClass
{
цвет фона: #0077FF;
}
.someItemClass: не (: первый тип)
{
поле сверху: 50px;
}
Теперь мой .someContainer имеет цвет фона, но второй .someContainer не имеет верхнего поля. Если я удалю :first-of-type работает. :first-child тоже не работает.
Вот мои jsfiddles:
С первого типа : http://jsfiddle.
С первым потомком : http://jsfiddle/97ozB11 1/
- html
- css
Это потому, что они не братья и сестры.
Если вы измените селектор :not на родительский div, он будет работать.
.someContainer: не (: первый в своем роде)
{
поле сверху: 50px;
}
#someDivID
{
ширина: 400 пикселей;
}
#кое-что,
#someItem2
{
граница: 1px сплошная #000;
отступ: 1px;
нижняя граница: 2px;
ясно: оба;
переполнение: авто;
}
.someContainer
{
цвет фона: #0077FF;
}
.someContainer: не (: первый тип)
{
поле сверху: 50px;
} <дел>
<дел>
<дел>
<дел>
Тест
someContainer 
CSS 