css三种高级选择器

CSS中有三种高级选择器，它们能够选择更加精准的元素，让我们更好地控制网页的外观与行为。

 /* 第一种高级选择器：伪类选择器 */
    a:hover {
        color: red;
    } 

伪类选择器能够选择一个元素的特定状态，如:hover能够选择鼠标悬停在元素上的状态，常用于为链接添加效果。

 /* 第二种高级选择器：伪元素选择器 */
    h1::before {
        content: "标题：";
    } 

伪元素选择器是用于添加或修改元素内容的，如::before能够在一个元素的前面添加内容，::after能够在一个元素的后面添加内容。

 /* 第三种高级选择器：属性选择器 */
    input[type="text"] {
        border: 1px solid gray;
    } 

属性选择器能够选择元素根据其属性或属性值，如[type="text"]能够选择type属性为text的input元素，常用于为特定类型的元素添加样式。