css选择器

 

<html><head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        /*标签选择器*/
        div{
            color: red;
        }

        p{
            color: blue;
        }
        /*类选择器*/
        .one{
            color: yellow;
        }
        /*id选择器*/
        #main{
            font-size: 40px;
        }
        /*后代选择器*/
        #test2 div{
            color: green;
        }
    </style>
</head>
<body>
   <div id="main">1111111111</div>
   <div>1111111111</div>
   <div>1111111111</div>
   <p>2222222222222</p>

   <div class="one">222222</div>
   <p class="one">444444444</p>
   <div id="test2">
       <p>
           </p><div class="test1">
              rewgrgrtwgrt
           </div>
       <p></p>
   </div>

</body></html>

 

posted @ 2015-06-15 18:11  Emyin  阅读(174)  评论(0)  编辑  收藏  举报