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设置是行内元素
网友评论