css大于3的选择器 |html css专有名词

/* 1. 类型选择器（type selector） */
/* 2. ID选择器（id selector） */
/* 3. 类选择器（class selector） */
/* 4. 属性选择器（attribute selector） */
a[href^="https"] {
color: green;
}
/* 5. 伪类选择器（pseudo-class selector） */
a:hover {
text-decoration: underline;
}
/* 6. 后代选择器（descendant selector） */
div p {
font-size: 16px;
}
/* 7. 子元素选择器（child selector） */
ul >li {
list-style: none;
}
/* 8. 相邻兄弟选择器（adjacent sibling selector） */
h2 + p {
font-weight: bold;
}
/* 9. 通用兄弟选择器（general sibling selector） */
p ~ img {
border: 1px solid red;
}

属性选择器是一种根据元素属性进行选择的方法，可以根据属性名及属性值的关系来选择元素，如上方代码中的a[href^=”https”]可以选择所有href属性以https开头的a元素。

伪类选择器是选择某些元素特定状态的方法，如:hover可以选择光标悬停的元素。后代选择器表示选择某个元素内部的另一个元素，子元素选择器表示选择其子元素，兄弟选择器表示选择相邻或通用的兄弟元素。

大于3的选择器的出现，使得CSS的选择能力更加强大，可以满足更复杂的样式设计需求，但也需要注意选择器的使用，避免影响网页性能。