CSS选择器使用方法小结_html/css_WEB-ITnose

◆a:link 用在未访问的链接的选择器。

a:link{color:red;}

◆a:visited 用在已访问过的链接的选择器。

a:visite{color:blue}

◆a:hover 用在鼠标光标放在其上的链接的选择器。

a:hover{color:yellow}

◆a:active 用在获取焦点（比如：被点击）的链接的选择器。

a:active{color:pink}

7.伪元素选择器

定义：允许我们格式化文档树中没有的一些信息。

被浏览器支持的有两种：first-line和first-letter。

first-line用于一个元素的第一行。

实例：

p:first-line{font-weight:bolder}

first-letter用于一个元素的第一个字母。

实例：

p:first-letter{font-size:20px;}

小结：

基本选择器：

1.元素（标签）选择器：直接作用于标签名。

2.类选择器：在标签上必须有class属性，class属性值前必须加点。

3.id选择器：在标签是必须有id属性，id属性值前必须加#。

4.属性选择器：用[]将标签的属性/属性=“值”括起来。

5.通配符选择器：形如：*{...}。

复合选择器：

1.交集选择器：用两种或多种选择器紧挨着一起写（div.class{...}）。

2.并集选择器：两种或多种选择器一起写，用逗号隔开，所有被选择的标签都会被作用（div,h1,.class,#div1{...}）。

3.后台选择器：两种或多种选择器一起写，用空格隔开，第一个选择器的所有后代选择器都会被作用（div  .class{...}）。