css样式选择器类型 |html css 圈1

1.元素选择器
元素选择器最常用的就是按照HTML标签名来选择元素，例如div、p、h1等。
语法结构：标签名 {规则}
示例代码：p {color: red;}
2.ID选择器
ID选择器按照元素的id属性值进行选择，id属性值在整个HTML文档中必须唯一。
语法结构：#id名 {规则}
示例代码：#title {font-size: 24px;}
3.类选择器
类选择器按照元素的class属性值进行选择，同一个class可以被多个元素使用。
语法结构：.类名 {规则}
示例代码：.text {line-height: 1.5;}
4.后代选择器
后代选择器用于选择嵌套关系中的元素，例如选择div下面的p元素。
语法结构：父元素 子元素 {规则}
示例代码：div p {font-weight: bold;}
5.并集选择器
并集选择器用于选择多个不同类型的元素，逗号分隔。
语法结构：元素1,元素2,元素3 {规则}
示例代码：h1, h2 {color: blue;}
6.后代选择器与并集选择器的组合
这种组合可用于选择多个嵌套层级中的元素，且这些元素之间是并列关系。
语法结构：父元素 子元素1,子元素2 {规则}
示例代码：div p, a {text-decoration: none;}

以上就是常见的CSS样式选择器类型，掌握了这些选择器基本用法，可以更灵活地对HTML进行样式调整。