前端Day7

CSS选择器（补充）

属性选择器：（少用）

单个属性选择：标签名[属性名]  {  样式  }

多个属性选择：标签名[属性名1] [属性名2]  {  样式  }

eg：

HTML：

样式表：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，只有在这两个伪元素中可用