首页 > 代码库 > CSS selector? [class*=“span”]怎么理解
CSS selector? [class*=“span”]怎么理解
我在Twitter 中有看到如下selector:
.show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px;}
有哪位童鞋知道这种写法.
答: 这是一个属性通配符selector. 在你提供的例子中, 会在引用了.show-grid 样式的容器内查找包含span样式的任何元素并设置对应的样式
下面这个例子中, 将会找到 <strong>
组件.
<div class="show-grid"> <strong class="span6">Blah blah</strong></div>
你也可以定义‘以... 开始‘的样式, 例如:
div[class^="something"] { }
将会查找到如下的组件:-
<div class="something-else-class"></div>
亦可以定义 ‘以...结尾‘
div[class$="something"] { }
将会查找到如下组件
<div class="you-are-something"></div>
原文地址:
What is this CSS selector? [class*=“span”]
CSS selector? [class*=“span”]怎么理解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。