CSS三大特性

一、继承性

        在父元素中设置的一些属性,在其后代元素中也可以使用,这样的属性叫做继承性。

        注意点:

        1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承
​        2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承
​        3.继承性中的特殊性
​                3.1 a标签的文字颜色和下划线是不能继承的,当做子元素
​                3.2 h标签的文字大小是不能继承的,在做子元素

二、层叠性

         层叠性就是CSS处理冲突的一种能力 ,当对同一个标签设置了多个样式时,通常(即多个样式的优先级相同)采用最后设置的样式。

三、优先级

        当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定

1、优先级判断的三种方式

        1.当该属性都是被间接设置(即继承),则属性向其祖先元素中寻找该属性来继承,并且哪个祖先元素离的最近,继承哪个祖先元素的该属性。

        2.当该属性都是被相同选择器或者优先级相同的选择器设置时,谁最后设置该属性,该属性的值就是其设置的值

        3.当该属性被不同的选择器设置时,则优先级最大的选择器设置的属性生效。

2、优先级判断

        设置!important的属性的优先级最高。

优先级权重

        如果在内部样式表中有多个选择器对同一标签的同一属性进行设置,则需要通过优先级的权重来判断优先级。

        优先级权重的计算规则

                    内联样式,如: style="...",权值为1000。
​                    ID选择器,如:#content,权值为0100。
​                    类,伪类、属性选择器,如.content,权值为0010。
​                    标签选择器、伪元素选择器,如div p,权值为0001。

如.div div{}选择器的权重就为10+1=11,谁的权重大,谁设置的属性生效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值