CSS ^ $选择器
2016-03-24 17:57
232 查看
a[href^="http"]{ background:url(images/window.gif) no-repeat left center; padding-left:18px; } a[href$="pdf"]{ background:url(images/icon_pdf.gif) no-repeat left center; padding-left:18px; }
^匹配的是开头 $匹配的是结尾
举个栗子,上面两个类匹配的分别为
<a href="http://www.google.hk">Google</a> <a href="http://www.google.hk/example.pdf">Google_PDF</a>
相关文章推荐
- 浏览器兼容【样式在部分浏览器中正常显示, 部分不正常显示】
- 垂直居中
- 段落文字换行和不换行
- 如何根据屏幕大小改变class的css样式
- css读书笔记3:定位元素
- css常用伪类记录
- css transition
- 第三章:CSS中的样式选择器
- cssHack
- css3中的边框相关样式
- 使用transform和transition制作CSS3动画
- CSS3实现雪碧图动画
- CSS3动画、过渡结束后触发执行的事件
- 整理一些自己常用的CSS模板
- 4.CSS盒子模型
- 深入了解CSS行高 Line Height属性
- css3中新增的背景属性
- js+css实现select的美化效果
- CSS书写规范、顺序
- CSS盒子模型之外边