栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

是否有按类前缀的CSS选择器?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

是否有按类前缀的CSS选择器?

这不是可行的与CSS2.1,但它有可能与CSS3属性字符串匹配选择(这 在IE7 +支持):

div[class^="status-"], div[class*=" status-"]

注意第二个属性选择器中的空格字符。这将选择

div
class
属性满足以下任一条件的元素:

  • [class^="status-"]
    —以“ status-”开头

  • [class*=" status-"]
    —包含直接在空格字符后出现的子字符串“status-”。根据HTML规范,类名称由空格分隔,因此是有效的空格字符。如果指定了多个类,这将在第一个类之后检查其他任何类,_并_增加了检查第一个类的好处,以防属性值被空格填充(某些
    class
    动态输出属性的应用程序可能会发生这种情况)。

如上所述,您需要组合两个属性选择器的原因是因为诸如这样的属性选择器

[class*="status-"]
将匹配以下元素,这可能是不希望的:

<div id='D' ></div>

如果您可以确保 永远不会发生这种情况,那么为简单起见,您可以自由使用这样的选择器。但是,上面的组合更加健壮。

如果您可以控制HTML源代码或生成标记的应用程序,则可以简单地将

status-
前缀设为自己的
status
类,而不是像Gumbo建议的那样。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/375370.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号