css 两个标签 迭代选择器

在CSS中，有两个标签我们经常使用，分别是类选择器和ID选择器。类选择器以”.”为开头，而ID选择器以”#”为开头。它们的作用是为一组元素设置样式，同时可以为元素添加唯一标识，便于JavaScript进行操作，同时也能增加样式的复用性。

/* 例如下方的CSS代码 */
.demo {
  color: red;
}
#homepage {
  background-color: yellow;
}

类选择器可以选择某一类元素，而不必知道它们的具体名字。例如，我们可以为所有表格中的标题设置相同的样式：

/* CSS代码 */
table caption {
  font-weight: bold;
  text-align: center;
}

此外，CSS迭代选择器也是CSS中非常重要的一部分。迭代选择器使用一个表达式或者一个类似正则表达式的东西，然后匹配HTML文档中所有符合该条件的元素。迭代选择器可以匹配标签名、类、ID属性等等。迭代选择器有两种形式：子选择器和后代选择器。

/* CSS子选择器代码 */
ul > li {
  list-style-image: url(image.gif);
}
/* CSS后代选择器代码 */
table td {
  border: 1px solid black;
}

子选择器指定了一个元素的子元素，而后代选择器则指定了一个元素的后代元素。子元素必须是父元素的直接后代元素，而后代元素则可以是直接后代元素或者进一步嵌套的元素。

以上就是CSS中关于类选择器、ID选择器以及迭代选择器的简介。