CSS3进阶
上一节
下一节
复习上课要点:
CSS3语法


本课要点:
CSS高级选择器
一、 后代选择器
后代选择器又称包含选择器,使用频率非常高。这种方式的选择器将选取其下所有匹配的子元素,忽略层级关系


二、群组选择器--对群组内所有标签进行相同样式的指派。

body、h1、p、div标签的外边界margin和填充padding都被清0;
h1、p、类选择器myclass、id选择器的字体都被定为16px,都有一个红色的实线边框,下外边距都是10px;
显示效果如下图:

三、子元素选择器--仅作用于某元素的子元素

此例中,仅ul的子元素li(即前两个li)被设置为粗体。
四、相邻兄弟选择器--仅对紧接在元素“后”的兄弟元素起作用

五、 属性选择器--根据对象是否具有某个属性,或者该属性是否有某个特定的值来决定是否要应用样式

六、关于优先级
浏览器解析时应用样式的顺序如下,谁最后应用,谁的优先级最高。
1)先应用浏览器自身的默认样式;
2)再应用从父级元素继承过来的样式;
3)标签样式(类型选择器);
4)类样式(类选择器);
5)ID样式(ID选择器);
6)内联样式。


