CSS入门详解（二）

上文已知CSS格式，其中选择器中：

• 元素选择器根据元素名称来选择 HTML 元素，如代码：

  p {
  }

在这里，页面上的所有 <p> 元素都将加上大括号里的样式。

• id 选择器使用 HTML 元素的 id 属性来选择特定元素，元素的 id 在页面中是唯一的，因此 id 选择器用于选择一个唯一的元素，格式为#id{}，如：

  #para1 {
  }

  可以为id为“para1”的元素加上样式。

• 类选择器选择有特定 class 属性的 HTML 元素，格式为.{}，如：

  .center {
  }

  可以为class为"center"的元素加上样式。

• 通用选择器（*）选择页面上的所有的 HTML 元素。

  *{
  }

  可以为页面上所有元素加上样式。

• 分组选择器选取所有具有相同样式定义的 HTML 元素，如需对选择器进行分组，要用逗号来分隔每个选择器。

  h1, h2, p {
  }

  可以为页面中所有<h1><h2><p>元素加上样式。

• 后代选择器选择某个父元素的某个子元素。

  ol li{
  }

上述的后代选择器的含义是：先将当前页面中所有的ol标签找到，然后在这些ol标签内找所有的li标签。

• 子选择器与后代选择器相类似，但是只能选择子元素标签，不可以选择孙子元素标签，元素之间使用>进行分割。

  div>a{
  }

  只选中div中的a标签。

• 伪类选择器是复合选择器的特殊用法，表示选中某个标签元素的某个特定状态：

  • :link 选择未被访问过的链接
  • :visited 选择已经被访问过的链接
  • :hover 选择鼠标指针悬停时的状态
  • :active 选择鼠标指针按下时的状态(鼠标按下了但是未弹起)

而值随着属性不同也有所不同，接下来的文章中会分篇章给大家列举常用的例子。