属性选择器二 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*.div1{*/
            /*font-size: 45px;*/
        /*}*/
        /*.div2{*/
            /*color:red;*/
        /*}*/
        /*3.选取其中之一 class~='div2'*/
        /*[class~='div1']{*/
            /**/
        /*}*/
         /*4.匹配以class='div1'开始的*/
        /*[class^='div1']{*/
            /*color:yellow;*/
        /*}*/
        /*5.匹配以class='div1'结束的*/
        /*[class$='div1']{*/
            /*color:red;*/
        /*}*/
        /*6 匹配属性里有'v1' 的*/
        [class*='v1']{
            color:blanchedalmond;
        }
    </style>
</head>
<body>
<div class="div1 div2">hello div1,div2</div>
<div class="div1">div1</div>
<p class="div2">hello ptag</p>
<div class="div2 div1">hello div2,div1</div>

</body>
</html>
posted @ 2020-01-07 09:42  Stary_tx  阅读(147)  评论(0)  编辑  收藏  举报