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