css选择器回顾

css特点

  • css对换行不敏感,缩进不敏感
  • 每个选择器最后一项的属性值可以没有分号,其他都要有。

id选择器

就是对某一个元素,进行特别的样式设定的时候用,就是给元素加上id属性,人后在选择器用#开头。任何元素都可以设置id属性,合肥的id属性是英语字母开头(大小写敏感), 要保证id选择器唯一。

标签选择器

高级选择器

后代选择器
交集选择器
并集选择器

代码示意

/** id选择器*/
#box{

}
/*类选择器*/
.footer{
}
/** 标签选择器*/
p{

}
/**后代选择器*/
div p{

}
/** 交集选择器*/
p.haha{

}
/** 并集选择器*/
div.box,left.txt{

}

备注

多用类选择器,id选择器用于javascript 程序中。class上样式,id上行为。

css(cascading style sheet)继承性和层叠性

继承性

如果给元素设置了一个属性,那么他的后代所有元素都有这个属性。
可以继承的有 font- text- color line- 系列属性
不可以继承的有 background-color 和盒子模型属性 width height margin padding

选择上
没选择上 权重为0
远近一样
远近不一样
权重不相同
权重相同
这个选择器有没有选择上元素
比权重 id数量 类属性数量 标签数量
通过继承影响的最内层标签 就近原则 看那个标签里内侧标签近
比描述近的为准
权重大的为准 权重小的被层叠掉了
以后出现的为准 就是以style清单里面后出现的那个选择器为准

同一个标签携带多个类名的时候,如果携带的类名有冲突,则需要考虑css的顺序有关,以后出现的为准,与HTML标签中挂类名的顺序无关。

/*important 提升权重**/
.warning{
color:red !important;
}

!important 主要用于提升页面原子类的权重。

发布了49 篇原创文章 · 获赞 3 · 访问量 5124

猜你喜欢

转载自blog.csdn.net/weixin_43487066/article/details/89738129