CSS属性选择器

常用且重要

 

<style >
    /*h1[id]{*/
    /*    background: red;*/
    /*}*/
    h1[id=iii]{
        background: chocolate;
    }
    h1[class*=aaa]{
        background: red;
    }
    a[href^=http]{
        background: yellow;
    }
    a[href$=doc]{
        background: aquamarine;
    }

</style>
</head>
<body>
<p class="demo">
<h1 class="aaa bbb ccc" id="iii">text1</h1>
<h1 class="aaa bbb">text2</h1>
<h1><a href="http://www.baidu.com" class="aaa">text3</a></h1>
<h1> <a href="a.doc">text4</a></h1>
<h1><a href="a.pdf">text5</a></h1>
</p>
</body>

可以使用正则表达式 

 

posted @ 2020-10-17 16:28  null_lii  阅读(99)  评论(0)    收藏  举报