CSS选择器有哪些？CSS选择器优先级判定-木庄网络博客

本文摘自PHP中文网，作者php是最好的语言，侵删。

选择器就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器（标签本身就是封装数据的容器）。

100

101

102

103

104

105

106

107

108

109

110

111

112

113

@CHARSET "UTF-8";
          /*css中选择器有很多种，第一种就是最基本的元素选择器（又称类型选择器）。
           *文档的元素就是最基本的选择器。
           *如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，
           *   比如 p、h1、em、a，甚至可以是 html 本身：
           */
         h2{
           color:blue;
         }
          
         /*第二种选择器： 类样式选择器 */
          /*对所有 "aa"类样式进行设置
         .aa{
           background-color: #00FF00;
         }
         */
          
         /*仅仅是对p中的"aa"类样式进行设置*/
         p.aa{
           background-color: #00FF00;
         }
         .bb{
            background-color: #004444; 
         }
          
         /*第三种选择器 id选择器 
          *ID 选择器允许以一种独立于文档元素的方式来指定样式。
          *在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别。
          */
          
         /*id选择器*/
         #d1{
            background-color: #0000FF;
         }
          
          
         /*其他选择器*/
          
        /*1.关联选择器*/
          p span{/*选择p标签容器中的span*/
            font-size:20pt;
          }
           
        /*2.组合选择器*/
        p span，.c,#d1{
          color:red;
        }
         
        /*3.伪元素选择器*/
       /*CSS 伪元素用于向某些选择器设置特殊效果。*/
        span:HOVER {
              background-color:#FFFF00;
              font-size: 20pt;
              cursor: pointer;
           }
            
          a{
             text-decoration: none;
           }
            
           /*L-V-H-A*/
            a:link{
              color: red;
              font-size: 12pt;
           }
           a:visited{
             color:blue;
             font-size: 16pt;
           }
           a:hover{
             background-color: #00FF00;
             font-size:20pt;
           }
           a:active{
             color:#FFFF00;
           }
            
            input:focus{
             background-color: #00FFFF;
           }
            
           /*星号选择器，选择所有*/
           *{
             text-decoration: underline;
           }
            
           /*属性选择器,所有具有type属性的元素*/
           [type]{
              margin: 10px;
           }
           /*具有name属性且属性值为'math'*/
           [name="math"]{
              background-color: #0ff;
           }
            
           a[href="http://www.w3school.com.cn/"][title="W3School"] {
              color: red;
           }
            
           /* 关联选择器---后代 */
           h1 em{
               color: red;
           }
            
           /*子元素选择器---儿子*/
           p > em{
              color: blue;
           }
            
           /*相邻元素选择器---后续兄弟*/
           li + li {
             font-weight:bold;
           }        