CSS选择器

zfyouxi 阅读：55 2022-09-29 10:03:38 评论：0

CSS选择器有多个选择器所在的位置是内嵌和外部

常用的选择器有

id选择器 {

是给元素一个身份证号，给id定义的id名不能重复

优先级第一

用#来查找

liru：body里面 <div id="id1" ></div>

那么我们查找的id名是id1 那么给找到的id是id1 所在的位置是内嵌和外部

#id1 { background-color:red;

width:100px;

height:100px;}

} 内嵌外部

class选择器{

用点 . 来查找

根据class来筛选元素

种类可以一样

优先级第二

例如：<div class="classname" > </div>

位置同上 .classname{

background-color:red;

width:100px;

height:100px;

}

标签{

根据标签名来筛选元素例如：<div> <p> <body> <span>

优先级最低

位置同上标签名{属性}

例如： div{background-color:red;}

}

逗号隔开样式表

例如：

.di,.d2.#d3,div{width:100px;

height:100px;

background-color:red;}

后代用空格隔开

例如：<div class="d2">

</div>

sp1在d2里面可以认为 sp1（div)是d2的后代

.d2 .sp1{width:100px;

heght:100px;

background:red;}

也可以写为 d2下的div

.d2 div{

width:100px;

heght:100px;

background:red

}

本文参考链接：https://www.cnblogs.com/zhangwei99com/p/6663433.html

标签:CSS

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。