css的基本选择器有哪几种-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

css的基本选择器有3种，分别为：1、标签选择器，又称为类型选择器，匹配指定标签元素名称的所有标签；2、class选择器，匹配指定类的所有元素并设置样式；3、id选择器，可以为标有特定id的HTML元素指定特定的样式。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css中的基本选择器

（1）标签选择器

p {
    background-color:red;
    color:blue;
}

（2）class选择器

每个HTML标签中都有一个属性 class

<div class="haha">愿有岁月可回首，且以深情共白头！</div>
 
.haha {
    background-color:blue;
}

（3）id选择器
每个HTML标签中都有一个属性 id

<div id="hehe">愿有岁月可回首，且以深情共白头！</div>
#hehe {
    background-color:blue;
}

基本选择器的优先级

style > id选择器 > class选择器 > 标签选择器

推荐教程：CSS视频教程

以上就是css的基本选择器有哪几种的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者