css中的一些常用选择器

css中的选择器

1.标签选择器，作用与当前页面所有匹配标签

这里以p标签为例：

   p{
      color: blue;
   }

< p>…</p>

2.类选择器，作用于当前页面所有class值为red的标签

例：
 .red{
       color: red;
 }

<p class=”red”></p>

 

3.id选择器，作用于拥有唯一标识符id属性的标签

例：

#name{

         color:green;

}

<p id=”name”></p>

 

 

4.伪类选择器

(1)默认链接状态

a:link{

    color: yellow;

}

(2)已访问状态

a:visited{

    color: darkgray;

}

(3)鼠标悬浮状态

a:hover{

    color: red;

}

(4)鼠标点击时的状态

a:active{

    color: orange;

}

    </style>

   

5. 加空格 后代选择器

 

6.加尖括号>，子代选择器

 

7. 并集选择器

        #left，#right，#center{

            height: 100px;

            float: left;

        }

 

8.通用选择器

注意：通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需酌情使用

* {

   color: #f00;

}