前端学习笔记六

css层叠样式表：

一、属性选择器：

1.简单属性选择：p[class]{color:red; }选择所有拥有class属性的p标签设置color为red。p[class][id]{color:red; }选择所有拥有class属性和id属性的p标签设置color为red。

2.根据属性值选择：p[id='aside']{color:red}选择id='aside'的p标签的color为red

二、伪类：

1，:link

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

2，:hover

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

3，:active

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

4，:visited

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

5:focus

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

顺序问题：LoVeHAte原则。

三、伪元素：伪元素是控制内容的

1，:first-line   表示作用于第一行文本  只能用于块级元素

2，:first-letter  表示作用于第一个字符 只能用于块级元素

3，:first-child  表示作用于第一个子元素的元素 例如：span:first-child{background:'red';} 表示作用于作为第一个子元素的span

4，:before 设置元素之前的内容，配合content设置，是行内元素

5，:after 设置元素之后的内容，配合content设置是行内元素