CSS selector? [class*=“span”]怎么理解 - html/css语言栏-自学php网

CSS selector? [class*=“span”]怎么理解 - html/css语言栏

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:次

[导读] 我在Twitter 中有看到如下selector: show-grid [class*= span ] { background-color: eee; text-align: center; border-radius: 3px; min-height: 30px; l...

我在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样式的任何元素并设置对应的样式

下面这个例子中, 将会找到 组件.

Blah blah

你也可以定义'以... 开始'的样式, 例如:

div[class^="something"] { }

将会查找到如下的组件:-

亦可以定义 '以...结尾'

div[class$="something"] { }

将会查找到如下组件

原文地址:

What is this CSS selector? [class*=“span”]

纯CSS实现图像鼠标悬停效果 - html/css语言栏目：

关于css选择器的那些事 - html/css语言栏目：html.

子栏目

CSS selector? [class*=“span”]怎么理解 - html/css语言栏

What is this CSS selector? [class*=“span”]

最新评论

添加评论

更多文章推荐

添加评论