css三大扩展选择器

CSS是网页设计中常用的样式表语言，为了方便网页的样式设定，CSS提供了三种扩展选择器，让网页设计师更加轻松地进行样式的设定。本文将介绍CSS三大扩展选择器。

CSS子选择器

CSS子选择器用来选择指定元素下的子元素，若想要选取某个元素下的直接子元素，可以使用“>”符号。

.parent > .child {
    color: red;
} 

上述代码表示选择类名为parent的元素下的所有类名为child的子元素，并将其文字颜色设为红色。

CSS相邻兄弟选择器

CSS相邻兄弟选择器用于选择该元素之后紧跟的同辈元素，例如：

h2 + p {
    font-weight: bold;
} 

上述代码表示选择紧跟着h2元素的p元素，将其文字设置为加粗。

CSS属性选择器

CSS属性选择器用于选取具有指定属性的元素，且属性值可以为指定的值或者以指定值开头，例如：

[type="submit"] {
    background-color: blue;
} 

上述代码表示选取type属性值为submit的元素，并将其背景颜色设置为蓝色。

以上就是CSS三大扩展选择器的介绍，希望能帮助大家更加深入了解CSS。