html tool

2015年6月2日星期二

css正则选择

参考地址:http://www.qianduan.net/taming-advanced-css-selectors/
----------------------------
有6个不同类型的属性选择器:
  • [att=value]
    该属性有指定的确切的值。
  • [att~=value]
    该属性的值必须是一系列用空格隔开的多个值,(比如,class=”title featured home”),而且这些值中的一个必须是指定的值”value”。
  • [att|=value]
    属性的值就是“value”或者以“value”开始并立即跟上一个“-”字符,也就是value-。(比如lang=”zh-cn”)
  • [att^=value]
    该属性的值以指定值开始。
  • [att$=value]
    该属性的值包含指定的值(而无论其位置)。
  • [att*=value]
    该属性的值以指定的值结束
比如,如果你想要改变你的博客上的日志部分元素的背景颜色,你可以使用一个指定每一个class属性值以“post-”开始的div的属性选择器:
div[class|="post"] { background-color: #333; }  

该语句将匹配所有class属性包含”post”并带”-“字符的div元素。(注:此处英文原文有些上下文不对应,我已经更正——译者,神飞)
-------------------------------------

没有评论:

发表评论