css有哪些选择器 优先级如何

总的选择器有:
 
1.标签选择器(如:body,div,p,ul,li)

2.类选择器(如:class=“head”,class=“head_logo”)

3.ID选择器(如:id=“name”,id=“name_txt”)

4.全局选择器(如:*号)

5.组合选择器

  • a.后代选择器(以空格 分隔)

  • b.子元素选择器(以大于 > 号分隔)

  • c.相邻兄弟选择器(以加号 + 分隔)

  • d.普通兄弟选择器(以波浪号 ~ 分隔)

组合选择器https://www.runoob.com/css/css-combinators.html
  6.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

7.伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */

----------------------------
 注意事项:
 1、后代选择器和子元素选择器的区别
(https://blog.youkuaiyun.com/u012110719/article/details/41171517)

2、选择器的优先级
 !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值