文章目录

css3选择器

2016-10-14   |     |     |  

css3选择器引入了通配符的概念,和jQuery一样可以使用^,$操作,用法也类似

使用说明:

your text

实例

html

<a href="xxx.pdf">我链接的是PDF文件</a>
<a href="#" class="icon">我类名是icon</a>

css

a[class^=icon]{
  background: green;
  color:#fff;
}
a[href$=pdf]{
  background: orange;
  color: #fff;
}
a[title*=more]{
  background: blue;
  color: #fff;
}

[codepen_embed height=”265” theme_id=”dark” slug_hash=”LbvzOd” default_tab=”css,result” user=”voidsky”]See the Pen <a href=’http://codepen.io/voidsky/pen/LbvzOd/‘>LbvzOd by HuangKai (<a href=’http://codepen.io/voidsky‘>@voidsky) on <a href=’http://codepen.io‘>CodePen.[/codepen_embed]