css3选择器用法

　　CSS3选择器是在CSS2的基础上新增的一些选择器，能够更加方便、灵活地选择和修改网页中的元素，提高CSS的可读性、可扩展性和可维护性。以下是一些常用的CSS3选择器用法：

　　1. 属性选择器

　　属性选择器可以选择拥有某个特定属性或属性值的元素，如[class], [title], [href=#home]等。例如：

a[href="#home"] {
  color: red;
}

      上述代码表示选中href属性值为#home的所有a标签，并将它们的文字颜色设置为红色。

　　2. 媒体查询选择器

　　媒体查询选择器可以根据设备的不同屏幕尺寸，选择特定的CSS规则。例如：

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

      上述代码表示在页面最大宽度为768像素时，将body元素的字体大小设置为14像素。

　　3. 伪类选择器

　　伪类选择器可以选择网页中特定状态的元素，如:hover、:focus、:checked等。例如：

a:hover {
  color: blue;
}

      上述代码表示当鼠标悬停在a元素上时，将它的文字颜色设置为蓝色。

　　4. 伪元素选择器

　　伪元素选择器可以为网页中的某些元素添加特定的内容，如:before、:after等。例如：

h1:before {
  content: "Heading: ";
}

      上述代码表示在每个h1元素前添加一个"Heading: "的文本内容。

　　5. 子元素选择器

　　子元素选择器可以选择某个元素下特定的子元素，如ul > li、div > p等。例如：

ul > li {
  color: green;
}

     上述代码表示只选择ul中直接包含的li元素，并将它们的文字颜色设置为绿色。

　　总之，CSS3选择器能够提高CSS的选择和样式效果的灵活性，可以更加精确地选择需要修改的元素，也能更加简洁和直观地管理CSS代码。