您现在的位置:首页 >> 前端 >> 内容

CSS selector? [class*=“span”]怎么理解

时间:2014/4/4 11:19:10 点击:

  核心提示:我在Twitter 中有看到如下selector:.show-grid [class*='span'] {background-color: #eee;text-align: center;borde...

我在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

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

p[class^="something"] { }

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

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

p[class$="something"] { }

将会查找到如下组件


原文地址:

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

Tags:CS SS SS SE 
作者:网络 来源:CSS select
  • 易笔记(art.yibiji.com) © 2025 版权所有 All Rights Reserved.
  • 本站部分内容收集于互联网若有侵权请联系站长删除 鄂ICP备18030946号-1