1、css伪类
:link所有未被访问的超级链接。IE6不兼容,解决此问题,直接使用a标签。
:hover伪类将应用于鼠标悬停于其上的元素是,在IE6只能应用于a连接,IE7+所有的元素都兼容。
:active鼠标点击但不离开所呈现的效果。应用于被激活的元素。
:visited应用于已经被访问的链接。
:focus应用于拥有键盘输入焦点的元素。获得焦点则会出现什么情况。
2、伪元素
只想一些标签的元素。
:first-line应用到第一行元素
:first-letter应用于第一个字符
:first-child选择属于第一个子元素的元素
:before :after
3、css层叠性和继承性
层叠性:样式的叠加的处理方案。一开始设置内容会被后面的样式覆盖。
继承性:子标记会继承父标记的样式。所有字相关的都可以继承。但并不是所有css属性都能继承,如盒子相关的属性都不能继承。
4、css的优先级大小
行内样式ID选择器 类选择器 标签选择器
层叠性是在优先级相同时才生效。
结论1:继承的样式优先级大于默认的样式
结论2:通配符选择器的样式优先级高于继承样式的优先级。
结论3:标签选择器的优先级高于通配符选择器的优先级。
结论4:类选择器的样式优先级高于标签选择器优先级。
结论5:ID选择器优先级高于类选择器。
结论6:行内样式优先级高于ID选择器优先级。
网友评论