css屬性選擇器： demo
Element[attr]
Element[attr = "value"]
Element[attr ^= "value"]：以value開頭
Element[attr $= "value"]：以value結尾
Element[attr *= "value"]：只要包含value
Element[attr ~= "value"]：必須有value這個詞，
Element[attr |= "value"]： 屬性值以value-開頭，比如：zh-cn
1 <p data-text="one web-js">不走尋常路？美國邁入“特朗普時代”的5大猜想</p> 2 <p data-text="web-js one">不走尋常路？美國邁入“特朗普時代”的5大猜想</p> 3 4 <p data-text="two web-css">河北一假信用點卷走500戶村民2000余萬存款</p> 5 <p data-text="web-css two">河北一假信用點卷走500戶村民2000余萬存款</p> 6 7 <p data-text="three web-html">馬來西亞警方搗毀一組織中國籍殘疾人行乞團伙</p> 8 <p data-text="web-html three">馬來西亞警方搗毀一組織中國籍殘疾人行乞團伙</p> 9 10 11 <p data-text="four xxx">揭秘四川巡山騎警：聽狼嚎追馬賊 每次任務都是玩命</p> 12 <p data-text="five ccc xxx">成都地面沉降最快地方1.4厘米/年 專家剖析主因</p> 13 <p data-text="six ccc ttt">成都地面沉降最快地方1.4厘米/年 專家剖析主因</p>
1 p{ line-height: 24px; font-size: 12px;} 2 p[data-text]{border-bottom: 1px solid #000;} 3 p[data-text = "one"]{background: pink;} 4 p[data-text ^= "t"]{background: green} 5 p[data-text $= "x"]{background: grey} 6 p[data-text *= "r"]{color: red} 7 p[data-text ~= "ccc"]{color: blue} 8 p[data-text |= "web"]{font-weight: bold; font-size: 20px;}
例子：demo