4.2CSS进阶.ppt

Web标准网页设计与PHP 唐四薪 编著 清华大学出版社 本节重点 CSS的层叠性 CSS的继承性 复合选择器 CSS 2.1新增选择器 4.2.1 CSS的层叠性 CSS的层叠性 CSS具有两个特性：层叠性和继承性。 层叠性是指当有多个选择器都作用于同一元素时，即多个选择器的作用范围发生了重叠，CSS怎样处理？ CSS的处理原则是： 1）如果多个选择器定义的规则不发生冲突，则元素将应用所有选择器定义的样式。如： CSS的层叠性－未冲突 style type=text/css p{ /* 标记选择器 */ color:blue; font-size:18px;} .special{ /* 类别选择器 */ font-weight: bold; } /* 粗体 */ #underline{ text-decoration: underline; } /* 有下划线 */ /style p标记选择器1/pp标记选择器2/p p class=special受到标记、类两种选择器作用/p p id=underline class=special受到标记、类和id三种选择器作用/p 引例-法律规则的冲突 交通法{ 在高速公路上撞了人:司机不需要承担任何责任} 刑法 { 撞人后逃逸:司机负全责 } 在高速公路上撞人后逃逸? CSS的层叠性－发生冲突 2）如果多