CSS高级

CSS复合选择器
1.标签指定式选择器
又称交集选择器,由两个为选择器构成,其中一个为标记选择器,第二个为clss选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。
例如:p.special{color:red;}
p.special定义的样式仅仅适用于<p class="special">标记,而不会影响使用了special类的其他标记。
2.后代选择器
后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。
例如:p strong{color:red;}
3.并集选择器
各个选择器通过逗号连接而成的
例如:h2,h3,p{color:red;font-size:14px;> 不同标记组成的并集选择器

h3,.special,#one{text-decoration:underline;}      标记、类、id组成的并集选择器

CSS层叠性和继承性
1.层叠性
指多种CSS样式的叠加
例子:p{font-size:12px;font-family:"微软雅黑"; .special{font-size:16px;} #one{color:red;} </style> </head> <body> <p class="special" id="one">段落文本1</p>
2.继承性
指书写CSS样表时,子标记会继承父标记的某些样式,如文本颜色和字号。

p,div,h1,h2,h3,h4,u1,u2,u3{color:red;}

可以写成

body{color:black;}

并不是所有的CSS属性都可以继承,有以下属性不可以:
边框属性
外边距属性
内边距属性
背景属性
定位属性
布局属性
元素宽高属性
3.CSS优先级
标记选择器权重:1
类选择器权重:10
id选择器:100
继承样式的权重为0。即在嵌套结构中,不管父元素样式的权重多大,被子元素继承时,它的权重都为0,也就是说子元素定义的样式会覆盖继承来的样式。
行内样式优先。应用style属性的元素,其行内样式的权重非常高,可以理解为远大于100。总之,它拥有比上面提高的选择器都大的优先级。
权重相同时,CSS遵循就近原则。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值