CSS选择器(补充)
属性选择器:(少用)
单个属性选择:标签名[属性名] { 样式 }
多个属性选择:标签名[属性名1] [属性名2] { 样式 }
eg:
HTML:<input type="text">
样式表:imput [type="text"] { 样式 }
CSS的伪类
① :link
应用于未被访问过的链接
② :visited
应用于被访问过的链接
③ :hover
应用于有鼠标悬停在其上的元素。ie6只能用于a标签,ie7+可用于所有元素。
④ :active
应用于被激活的元素,如被点击的链接,被按下的按钮等。(点击不放开)
⑤ :focus
应用于拥有与键盘输入焦点的元素。
原则:LoVe HAte
一定要按照此顺序。
Tab键可在浏览器切换获得焦点的元素。
CSS伪元素
控制内容
:first-line 选择首行
:first-letter 选择首字
以上两个伪元素只能用于块级元素
first-child 选择属于第一个子元素的元素
span:first-child /*选择属于第一个子元素的所有span标签*/
:before 与:after 在元素之前和之后的内容
content,只有在这两个伪元素中可用