[分享]css元素选择器有哪几种

在CSS中，元素选择器是一种最基本的选择器，它可以匹配文档中的所有元素。以下是几种常见的元素选择器：1.标签选择器： 使用HTML标签名作为选择器。例如： p { color: red; } 2.类选...

在CSS中，元素选择器是一种最基本的选择器，它可以匹配文档中的所有元素。以下是几种常见的元素选择器：

1.标签选择器：
使用HTML标签名作为选择器。例如：
p {
    color: red;
}

2.类选择器：
使用“.”+类名作为选择器。例如：
.my-class {
    font-size: 16px;
}

3.ID选择器：
使用“#”+ID名作为选择器。例如：
#my-id {
    background-color: yellow;
}

4.通配符选择器：
使用一个星号“*”作为选择器，可以匹配所有元素。例如：
* {
    margin: 0;
    padding: 0;
}

5.属性选择器：
可以根据元素的属性选择元素。例如：
a[href="https://www.baidu.com"] {
    color: blue;
}

6.后代选择器：
可以选择某个元素的后代元素。例如：
div p {
    font-weight: bold;
}

7.子元素选择器：
可以选择某个元素的直接子元素。例如：
ul > li {
    list-style: none;
} 

以上就是CSS中常见的元素选择器。选择器的使用多样性可以方便快捷地定位到页面中需要样式化的元素，提高开发效率。