CSS选择器是CSS语言的基本组成部分,用于选择HTML或XML文档中要应用样式的元素。以下是一些常用的CSS选择器及其用法介绍:
元素选择器:选择所有指定元素类型的元素。 例如:p选择所有的段落元素,div选择所有的div元素。 语法:元素名称 {样式属性:属性值}
ID选择器:选择指定ID的元素。 例如:#header选择ID为header的元素。 语法:#ID名称 {样式属性:属性值}
类选择器:选择所有指定类的元素。 例如:.intro选择所有带有intro类的元素。 语法:.类名称 {样式属性:属性值}
属性选择器:选择带有指定属性的元素。 例如:input[type="text"]选择所有带有type属性为text的输入元素。 语法:[属性名称=“属性值”] {样式属性:属性值}
后代选择器:选择一个元素的后代元素。 例如:ul li选择ul元素中所有li元素。 语法:父元素 子元素 {样式属性:属性值}
相邻兄弟选择器:选择相邻的兄弟元素。 例如:h1 + p选择紧接着h1元素后的p元素。 语法:前一个兄弟元素 + 后一个兄弟元素 {样式属性:属性值}
通用选择器:选择所有元素。 例如:选择所有元素。 语法: {样式属性:属性值}
其他优质文档推荐: https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Selectors