找回密码
 加入傲游社区
跳转到指定楼层

[规则分享] Class^=,Class*= ,Class$=的含义

[复制链接]
傲雪美少年 [小有名气] 发表于 2017-1-7 13:30:17 | 显示全部楼层 |阅读模式  2571 3
原来的教程链接打不开了,我重新发布一下。

问:如下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>
评论
精彩评论 ( 3条 ) 跳转到指定楼层
本帖由 极品ΦωΦ小 [超级版主] 发表于 2017-1-13 16:13:37 | 显示全部楼层
http://bbs.maxthon.cn/thread-603-1-4.html

然而这个版块基本上没人来看了,旧论坛关闭了,我也有好多的帖子没法转移了。
YaopK [初入江湖] 发表于 2017-1-23 23:07:29 | 显示全部楼层
现在MX5支持CSS?自换了ADP后一直用4.4.3.400版本……
本帖由 极品ΦωΦ小 [超级版主] 发表于 2017-2-2 00:03:13 | 显示全部楼层
YaopK 发表于 2017-1-23 23:07
现在MX5支持CSS?自换了ADP后一直用4.4.3.400版本……

MX5需要使用Stylish插件,广告过滤换了ADP之后就不能修改CSS了
您需要登录后才可以回帖 登录 | 加入傲游社区
快速回复 返回顶部 返回列表