这个css语法是什么？

Question

这是什么？我知道它是css，但语法是什么？

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

Answer 1

它表示包含sub类的所有ul元素位于ID为holder的div中

所有带有类的li标签，这些标签位于ID为holder

的div中

和锚标记和图片存在于ID为holder

的div中

Answer 2

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

这是在具有I＆＃39; d持有人的元素内的ul.sub里面指定li.sub-li里面的所有图像。

有关详情，请参阅此处 http://www.w3.org/TR/CSS2/selector.html

Answer 3

选择器使用Descendant combinator，它只是简单选择器之间的空格字符。

例如a img指定一个img元素，它是a元素的后代，即它位于元素内部的某个位置，但它们之间可以有任意数量的级别。 / p>

它会匹配此代码中的图像：

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

它也会匹配此代码中的图像：

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

作为比较，使用a > img中的Child combinator，只会匹配第一个示例中的图像，而不是第二个示例中的图像，因为它指定了直接后代。