css基本选择器有

CSS基本选择器是CSS中最常使用的选择器，它们能够让我们通过指定HTML元素的名称、ID或类名等属性，来选取对应的HTML元素，并给它们设置样式。以下是一些CSS基本选择器的介绍：

*{
    margin:0;
    padding:0;
}

通配符选择器

通配符选择器是使用“*”符号表示的选择器，它可以匹配HTML文档的所有元素。使用通配符选择器设置的样式可以应用到HTML文档中所有元素上。但是，在实际开发中应该谨慎使用通配符选择器，因为它会增加浏览器的渲染时间。

p{
    color:red;
}

元素选择器

元素选择器是通过HTML元素的名称来选择对应的元素。例如，使用元素选择器“p”可以选中HTML文档中所有的段落元素，并对它们设置样式。

#header{
    background-color:yellow;
}

ID选择器

ID选择器是通过元素的ID属性来选择对应的元素。在HTML文档中，每个元素都可以通过“id”属性来设置唯一的标识符。使用ID选择器“#xxx”可以选中HTML文档中具有指定ID值的元素。“#header”选择器可以选中id属性为“header”的元素，并将其背景颜色设置为黄色。

.box{
    border:1px solid blue;
}
    

类选择器

类选择器是通过元素的class属性来选择对应的元素。在HTML文档中，每个元素都可以通过“class”属性来设置一个或多个与其相关联的类。使用类选择器“.xxx”可以选中具有指定类名的所有元素。“.box”选择器可以选中所有class属性为“box”的元素，并将其边框设置为1像素的实线。

总结

使用CSS基本选择器，可以准确的选中HTML文档中的元素，并对它们应用不同的样式。在实际开发中，应尽量减少通配符选择器的使用，而更多的使用元素选择器、ID选择器和类选择器。掌握好CSS基本选择器，可以为我们的网页设计提供更多的样式美化效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！