css3有哪些新增的选择器

CSS3 是一个重要的CSS升级版本。它介绍了许多新的选择器，可以帮助开发人员更好地控制网站的样式。以下是CSS3中新增的一些选择器。

/* 1. 属性选择器 */input[type="text"]{
      background-color: lightblue;
}
    /* 选中所有type属性为text的 input>
 元素 *//* 2. 伪类选择器 */a:hover {
      color: red;
}
    /* 选中所有处于鼠标悬停状态的 a>
 元素 *//* 3. 通用选择器 */* {
      margin: 0;
}
/* 选中所有元素并把margin设为0 *//* 4. 相邻兄弟选择器 */h2 + p {
      color: red;
}
    /* 选中紧接在h2>
    元素后的p>
    元素 *//* 5. 子选择器 */ul >
 li {
      list-style: none;
}
    /* 选中所有的li>
元素，并将list-style属性设为none *//* 6. 伪元素选择器 */::before {
      content: "★";
}
/* 在所有选择的元素之前插入一个字符，如一个星号 "★" *//* 7. 后代选择器 */div p {
      color: grey;
}
    /* 选中div>
    元素内的所有p>
元素 *//* 8. :not() 伪类选择器 */:not(span) {
      color: blue;
}
    /* 选中所有不属于span>
元素的元素，并将它们的颜色设为blue *//* 9. :first-of-type 伪类选择器 */p:first-of-type {
      font-weight: bold;
}
    /* 选中每个p>
元素中的第一个，并将它们的字体加粗 *//* 10. :last-of-type伪类选择器 */p:last-of-type {
      font-style: italic;
}
    /* 选中每个p>
    元素中的最后一个，并将它们的字体设为斜体 */ 

这些选择器可以为CSS提供更多的灵活性和功能性，可以帮助开发人员更好地控制网站的样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！