css - 这是什么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 的 div 中holder

所有具有类的 li 标记都在具有 id 的 div 中holder

并且锚标记和图像存在于具有 id 的 div 中holder

Answer 2

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

这是在带有 Id 持有人的元素内的 ul.sub 内的 li.sub-li 内的 n hors 内指定所有图像。

有关更多信息，请参见此处 http://www.w3.org/TR/CSS2/selector.html

Answer 3

选择器使用Descendant 组合器，它只是简单选择器之间的空白字符。

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

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

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

它还将匹配此代码中的图像：

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

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