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

第3章 CSS 第6节 高级选择器和层叠 本节内容  高级选择器  继承  层叠 基本选择器 •标签选择器：整体样式 p p{ color:blue; } •类选择器：精确控制 div class= “big” .big{ font: bold 32px 黑体 ; } •ID选择器 :特殊的网页元素 p id= “header” #header{ width:900px; } 高级选择器 高级选择器： 群选择器 通配选择器 派生（后代）选择器 伪类和伪元素 属性选择器（在IE6及IE6的更早版本上不起作用） 群选择器 p{font:italic 12px 楷体 ;} ul{font:italic 12px 楷体 ;}  .text{font:italic 12px 楷体 ;} p,ul,.text { font:italic 12px 楷体 ; } 通配选择器 为页面内所有标签相同属性： p,ul,.text { * font:italic 12px 楷体 ; } *{ margin:0; padding:0; } 派生选择器 给一个元素里的子元素定义样式 最高级的标签在最左侧，目标标签在最右侧 ul a table li a  .wrap p a 伪类和伪元素 伪类 a:link a:visited a:hover a:active :focus 火狐演示Demo3-6-2.html 伪元素 :first-letter first-line :before :after :first-child 属性选择器 属性选择器 给带有特定属性的标签创建样式 img[alt]{ }(可以是任何一种选择器) a[href =“”]{ } 本节内容  高级选择器  继承  层叠 继承-HTML族谱 html head body title meta p div h1 a ul 继承 HTML标签可以从它祖先那里继承CSS属性 优点 继承使样式表更简化 影响网页上的元素位置的属性不被继承 局限性 如：页边距、元素的边框等 本节内容  高级选择器  继承