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;

}

 

原文地址:https://www.cnblogs.com/liuyuancheng/p/7252646.html