2013-03-16 111 views
-2

這是什麼?我知道這是CSS,但是語法是什麼?這是什麼css語法?

#holder ul.sub li.sub-li a img { 
    display:block; 
    position:absolute; 
    left:-9999px; 
    border:0; 
    height:200px; 
    width:750px; 
} 
+8

這是...... CSS語法(正如您正確指出的那樣)?我不確定你期望我們說什麼。 – BoltClock 2013-03-16 10:27:11

+0

你在問什麼? – btevfik 2013-03-16 10:27:39

+0

閱讀[CSS選擇器](http://www.w3.org/TR/CSS2/selector.html) – rene 2013-03-16 10:29:18

回答

0

的選擇使用Descendant combinator,這是簡單的selecors之間只有空格字符。

例如a img指定了一個img元素,它是a元素的後代,即它位於元素內某處,但它們之間可以有任意數量的級別。

這將在該代碼圖像匹配:

<a href="#"> 
    <img src="car.gif" /> 
</a> 

這將同樣在該代碼圖像匹配:

<a href="#"> 
    <span> 
    <span> 
     <span> 
     <img src="car.gif" /> 
     </span> 
    </span> 
    </span> 
</a> 

作爲比較,使用在a > imgChild combinator,將只匹配第一個示例中的圖像,而不是第二個示例中的圖像,因爲它指定了直接後代。

+0

啊哈,我明白了,謝謝你的回答。 – user1828759 2013-03-16 11:27:04

0

它是指含有sub類是在一個div id爲holder

所有的利與類是一個div id爲holder

和錨標記標籤的所有UI元素和圖像存在一個ID與ID holder

+0

啊哈,我明白了,謝謝你的回答。 – user1828759 2013-03-16 18:56:57

0
#holder ul.sub li.sub-li a img { 

這是指定所有圖像裏面的n hors裏面li.sub-li裏面的ul.sub裏面有一個元素,我是持有者。

在這裏看到更多的信息 http://www.w3.org/TR/CSS2/selector.html

+0

只需注:[w3fools.com](http://w3fools.com)。連接到w3schools的 – Sirko 2013-03-16 10:31:51

+0

-0.25。 :P那裏有更好的資源。 – cHao 2013-03-16 10:31:55

+0

爲什麼? w3schools有什麼問題? – SteveP 2013-03-16 10:33:20