文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS -选择类以前缀开头的所有元素

问CSS -选择类以前缀开头的所有元素
EN

Stack Overflow用户

提问于 2020-12-03 22:16:16

回答 1查看 462关注 0票数 2

需要以具有以depth-开头的特定类的每个元素为目标

我试着用CSS来定位：

[class^="depth-"] {
    margin-left: 40px;
}

但只有当目标类是类顺序中的第一个时，它才起作用。

在我的例子中：

<div class="comment byuser comment-author-admin odd alt depth-2 parent" id="comment-13">
    <div id="div-comment-13" class="media">
        ...
    </div>

    <div class="comment byuser comment-author-admin even depth-3" id="comment-14">
        <div id="div-comment-14" class="media">
            ...
        </div>
    </div>
</div>

css

wordpress

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-03 22:34:50

只有当整个样式属性值以给定值开始时，CSS [attribute^="value"] Selector才会起作用。如果要使用此选择器，则必须移动属性开头的depth-2和depth-3类，如下所示-

<div class="depth-2 comment byuser comment-author-admin odd alt parent" id="comment-13">
    <div id="div-comment-13" class="media">
        TXT HERE
    </div>

    <div class="depth-3 comment byuser comment-author-admin even" id="comment-14">
        <div id="div-comment-14" class="media">
            MORE HERE
        </div>
    </div>
</div>

这样做不是一个好主意。取而代之的是，您可以使用CSS [attribute*="value"] Selector在整个属性中搜索给定值。因此，您的css代码在不更改html的情况下将如下所示-

div[class*="depth-"]{
    margin-left: 40px;
}

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65127711

复制

相似问题

问CSS -选择类以前缀开头的所有元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS -选择类以前缀开头的所有元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS -选择类以前缀开头的所有元素
EN