CSS3 NOT FIRST-CHILD

Question

我可以使用:not more :first-child嗎？ 我使用下面的代碼，但對我不起作用：

.navigation ul li:first-child:not([class]) a:before { 
    content: ' [ '; } 

.navigation ul li:not([class]):first-child a:before { 
    content: ' [ '; } 

我有這個， 但是當我去的第一頁符

所有元素的圖像中在UL元件設置

CSS該尋呼機是：

.navigation{border-top: 1px solid #ccc;float: left; width: 100%;position: relative; text-align: center;padding-top: 5px;} 
.navigation ul{text-decoration: none; list-style: none;} 
.navigation ul li{display:inline !important;background: none !important;padding: 0px 1px !important;} 
.navigation ul li a{display:inline !important;background: none !important;padding: 0px !important;color: inherit !important;text-decoration: none !important} 
.navigation .next , .navigation .previous , .navigation .last , .navigation .first{position: absolute;} 
.navigation ul li:nth-child(3) a:before{content: ' [ ';} 
.navigation ul li:not([class]) a:after{content: ' |';} 
.navigation ul li:nth-last-child(3) a:after{content: ' ]';} 
.navigation .next {right: 30px;} 
.navigation .previous {left: 30px;} 
.navigation .last {right: 0;} 
.navigation .first {left: 0;} 

Answer 1

我認爲你是由什麼第一胎困惑在這裏做什麼......

假設這一個HTML格式...

<ul> 
    <li class="something">Something</li> 
    <li>Somethign else</li> 
    <li>Somethign else</li> 
    <li>Somethign else</li> 
    <li>Somethign else</li> 
</ul> 

通過如此的CSS：

ul li:first-child { background: red; } 

我得到其中第一個LI有一個紅色的背景造成的：http://jsfiddle.net/L7wRD/

---

如果我改變的CSS：

ul li:first-child:not(.something) { background: red; } 

然後什麼也沒有發生，除非有另一個列表，第一個孩子沒有.something類。像這樣的例子：http://jsfiddle.net/L7wRD/1/

---

我想你期待的是，勿與配對：第一，孩子最終會選擇與上面給出的HTML第二LI。

不幸的是，第一個孩子是第一個孩子。它總是第一個元素，並且：不會修改它。