CSS基础详解-6+高级选择器和层叠

《CSS基础详解-6+高级选择器和层叠》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章CSS第6节高级选择器和层叠本节内容高级选择器继承层叠基本选择器•标签选择器：整体样式

p{color:blue;}•类选择器：精确控制.big{font:bold32px黑体;}•ID选择器:特殊的网页元素#header{width:900px;}高级选择器高级选择器：群选择器通配选择器派生（后代）选择器伪类和伪元素属性选择器（在IE6及IE6的更早版本上不起作用）群选择器p{font:italic12px楷体;}ul{font:italic12

2、px楷体;}.text{font:italic12px楷体;}p,ul,.text{font:italic12px楷体;}通配选择器为页面内所有标签相同属性：p,ul,.text*{font:italic12px楷体;}*{margin:0;padding:0;}派生选择器给一个元素里的子元素定义样式最高级的标签在最左侧，目标标签在最右侧ulatablelia.wrappa伪类和伪元素伪类a:linka:visiteda:hovera:active:focus火狐演示Demo3-6-2.html伪元素:first-l

3、etterfirst-line:before:after:first-child属性选择器属性选择器给带有特定属性的标签创建样式img[alt]{}(可以是任何一种选择器)a[href=“http://moodle.edu2act.org”]{}本节内容高级选择器继承层叠继承-HTML族谱htmlheadbodytitlemetapdivh1aul继承HTML标签可以从它祖先那里继承CSS属性优点继承使样式表更简化影响网页上的元素位置的属性不被继承局限性如：页边距、元素的边框等本节内容高级选择器继承层叠层叠决定哪种

4、样式属性被应用到元素的一套规则支配样式如何相互作用，以及发生样式冲突时哪一种样式将得到优先权。层叠（Cascade）h1{h1{color:red}color:red;h1{font-size:26px}font-size:26px;}h1{color:red}h1{color:green}?优先级行内样式表优先级最高ID>类>标签后>前总结高级选择器：•群选择器p,ul,.text{}•通配选择器*{}•派生选择器ula{}•。。。。。。继承:CSS属性被传递到嵌套的标签上的过程层叠:决定哪种样式属性能被应用到元素的一套规则