2013-03-16 135 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