css基础day02

一、CSS复合选择器

1、标签指定选择器: h1.demo { color: red; }; h1#des { color: red; };

2、后代选择器: .box li p{}    box类下的所有li标签下的p标签；

3、并集选择器：.class,h3{} 中间用逗号隔开

4、子代选择器: h1 > strong {color:red;}

解读为：选择器h1 > strong可以解释为“选择作为h1元素子元素的所有strong元素”。

建议:尖括号与选择器之间有空格。

5、属性选择器:[ ]是标志

h1[id]{} 拥有id属性的标签；

h1[id][class]{} 拥有id和class属性的标签

input[type="text"]{} 

二、伪类选择器

:link: 伪类将应用于未被访问过的链接。IE6不兼容，解决此问题，直接使用a标签

:visited:伪类将应用于已经被访问过的链接

:hover:伪类将应用于有鼠标指针悬停于其上的元素。在IE6只能应用于a连接，IE7+所有元素都兼容

:active:伪类将应用于被激活的元素，如被点击的链接、被按下的按钮等

:focus:伪类将应用于拥有键盘输入焦点的元素

三、CSS的层叠性和继承性

层叠性:层叠性是指多种CSS样式的叠加;

继承性:子标记会继承父标记的某些样式。

注意：适当的利用继承性可以简化代码.

所有字相关的都可以继承，比如：color、text-系列、font-系列、line-系列、cursor

并不是所有的CSS属性都可以继承，例如，下面的属性就不具有继承性：边框、外边距、内边距、背景、定位、元素宽高属性。

所有盒子相关的属性都不能继承。

四、优先级

行内样式的优先级最高，其次是内嵌样式的，ID选择器对应的样式优先级最高。其次是Class样式再次是标签选择器样式，再次是通配符选择器设置的样式后面是 继承的样式，最后是浏览器默认的样式。

!important被赋予最大的优先级.