CSS的权重问题

本文探讨了CSS中的权重问题,包括HTML5的新元素属性、废除的标签,重点讲解了CSS高级选择器如first-of-type、last-of-type、only-of-type和first-child、last-child的用法。同时,介绍了CSS的优先级算法,明确了!important、id选择器、class类选择器和tag标签选择器的优先级顺序。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.html5新增元素属性

2.HTML废除的标签

3.CSS高级选择器

3.1 first-of-type 

选择属性其父元素的首个<p>元素的每个<p>元素

3.2  last-of-type

选择属性其父元素的最后<p>元素的每个<p>元素

 3.3 only-of-type

选择属于其父元素唯一的 <p> 元素的每个 <p> 元素

 3.4first-child  last-child

first-child选择属性其父元素第一个子元素的每个<p>元素 

last-child选择属性其父元素最后一个子元素的每个<p>元素 

 4.伪类

 优先级算法

优先级就近原则,同权重情况下样式定义最近者为准

 !important > id选择器 > class类选择器 > tag标签选择器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值