css选择器回顾

5 篇文章 0 订阅

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 主要用于提升页面原子类的权重。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值