html – 属性以选择器不工作开始[复制]

发布时间：2020-12-14 18:26:41 所属栏目：资源来源：网络整理

导读：参见英文答案 Is there a CSS selector by class prefix?4个 div [class ^ =“kooy-”]不起作用.同时div [class ^ =“kooy”]给出了预期的结果. div { padding: 10px; border: 1px solid skyblue; margin-bottom: 10px;}div[class^="kooy-"] { background-co

参见英文答案 > Is there a CSS selector by class prefix?4个
div [class ^ =“kooy-”]不起作用.同时div [class ^ =“kooy”]给出了预期的结果.

div {
  padding: 10px;
  border: 1px solid skyblue;
  margin-bottom: 10px;
}
div[class^="kooy-"] {
  background-color: tomato;
  color: white;
}

<div class="kooy kooy-tomato">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Quod a,nihil culpa rerum vero esse facilis sint voluptatem eius. Placeat,repudiandae,accusantium. Tempora,tempore ea pariatur molestias culpa quia id.</div>

<div class="kooy">Lorem ipsum dolor sit amet,consectetur adipisicing elit. Incidunt,eius illum. Adipisci pariatur,harum soluta inventore nihil cupiditate dolores ab cum ullam fugit amet,quae provident fuga ea dolorem nobis.</div>

解决方法

如果你转换你的类,它似乎工作：

<div class="kooy-tomato kooy">

似乎div [class ^ =“kooy-”]只能找到第一个类,并且不会在像< div>这样的元素上寻找第二个类.因为^只查看属性中的第一个项目

这是一个fiddle

如果你尝试div [class * =“kooy-”] *看看attribure中包含的内容

这是fiddle

如果你想了解更多关于CSS attribure selector的信息

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!