属性选择器（重要）

<p class="demo">
    <a href="www.qq.com" id="liguangyao">1</a>
    <a href="http://baidu.com" class="nihao">2</a>
    <a href="haha.doc" class="" id="guoyu">3</a>
    <a href="haha.jpg" >4</a>
    <a href="haha.pdf" >5</a>
    <a href="baidu" >6</a>
    <a href="" >7</a>
</p>

a[id=guoyu]{
    background: red;
}     = 绝对等于

a[href*=baidu]{
    background: red;
} *=  包含

a[href^=http]{
    background: red;
} ^=  以http开头

a[href$=pdf]{
    background: red;
} 以什么（pdf）结尾