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

参见英文答案 > 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的信息