css中的选择器包括哪些

/* 1. 标签选择器：选择 HTML 文档中指定的标签 */
p {
    color: blue;
}

/* 2. 类选择器：选择具有特定类的所有元素 */
.class-name {
    background-color: yellow;
}

/* 3. ID 选择器：选择具有特定 ID 的单个元素 */
#id-name {
    font-size: 20px;
}

/* 4. 后代选择器：选择作为某个元素后代的元素 */
div p {
    text-align: center;
}

/* 5. 子选择器：选择作为某个元素直接子元素的元素 */
ul > li {
    list-style-type: none;
}

/* 6. 相邻兄弟选择器：选择紧接在另一个元素之后的元素 */
h1 + p {
    font-weight: bold;
}

/* 7. 通用兄弟选择器：选择位于另一个元素之后的所有同级元素 */
h1 ~ p {
    color: green;
}

/* 8. 属性选择器：选择具有特定属性的元素 */
input[type="text"] {
    width: 100%;
}

/* 9. 伪类选择器：选择处于特定状态的元素 */
a:hover {
    color: red;
}

/* 10. 伪元素选择器：选择元素的特定部分 */
p::first-line {
    font-weight: bold;
}

以上代码展示了 CSS 中常见的选择器类型及其用法。