HTML5技术

css样式表中四种属性选择器 - jerrylsxu

字号+ 作者:H5之家 来源:博客园 2016-01-21 09:01 我要评论( )

css样式表中四种属性选择器 1 简易属性 tag[class]{ font-weight:bold }It will affect all tag with any class.e.g. h2 or h2 2精确属性值 a[href="http://www.cnblogs.cn"][title="textTitle"]{font-size:10%} It will affect a href="http://www.cnblogs.

css样式表中四种属性选择器
1> 简易属性

tag[class]{ font-weight:bold } It will affect all tag with any class. e.g. <h2 > or <h2>

2>精确属性值

a[href="http://www.cnblogs.cn"][title="textTitle"]{font-size:10%} It will affect <a href="http://www.cnblogs.cn"title="textTitle">

3>部分属性值
类似使用perl中得匹配

p[class~="urgent"] {font-weight:bold;} input [type="checkbox"], input [type="radio"], input [type="file"] footer[role="contentinfo"] a

4>统配属性

*[lang|="en"]{color:white;}

匹配连接lang或="en"字符的所有内容

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 自定义input默认placeholder样式 - 小碎步

    自定义input默认placeholder样式 - 小碎步

    2017-04-20 13:00

  • 移动端默认样式重置 - ^.GTR

    移动端默认样式重置 - ^.GTR

    2017-03-27 17:00

  • 样式化加载失败的图片 - royalrover

    样式化加载失败的图片 - royalrover

    2017-02-21 08:03

  • 构建自动化前端样式回归测试——BackstopJS篇 - laden666666

    构建自动化前端样式回归测试——BackstopJS篇 - laden666666

    2017-02-13 16:03

网友点评
.