Question

我想覆盖WordPress项目上的background-color: black !important属性或删除该属性，但我无法在我的CSS文件中找到它。

#top-nav > div > ul > li.current-menu-item, #top-nav > div > div > ul > li.current-menu-item, #top-nav > div > ul > li:hover, #top-nav > div > div > ul > li:hover, .top-nav-list > li > ul li:hover, .top-nav-list ul li ul li:hover {
    background-color: #000000 !important;
}

Answer 1

找到一种方法，在您尝试覆盖的规则之后包含所需的规则。

根据定义，CSS是层叠样式表。这意味着以下代码：

private List<ContentLinkMetadata> getAndFillInternalLinks(final Lesson lesson) {
    List<ContentLinkMetadata> internalLinks = new ArrayList<>();
        lesson.getAssetLinks().stream()
        .filter(linkAsAssetLink -> ALLOWED_INTERNAL_LINK_TYPES.contains(linkAsAssetLink.getTargetType()))
        .map(linkAsAssetLink -> {
            Content link = contentProvider.getLazyById(linkAsAssetLink.getTargetId());
            ContentLinkMetadata internalLink = new ContentLinkMetadata();

            internalLink.setDescription(link.getDescription());
            internalLink.setId(link.getId());
            internalLink.setTitle(link.getTitle());
            internalLink.setFriendlyUrl(friendlyUrlResolver.makeUrl(link));
            internalLink.setTypeId(link.getTypeId());

            return internalLink;
        }).foreach(internalLinks::add);

        return internalLinks;
}

最后将呈现橙色背景。

除非存在先前的.divwhatever { background-color: black; } // On WordPress Original File .divwhatever { background-color: white; } // On WordPress Theme File .divwhatever { background-color: red !important; } // On WordPress Child Theme .divwhatever { background-color: orange ! important; } // On a specific File规则，否则始终应用上次处理的规则。

在这种情况下，将使用!important修饰符的最后处理规则为准。

这是一个非常糟糕的做法：理想情况下，你应该找到原始规则并进行更改，或者至少对同一个DOM模型只有一个!important语句但是我知道WordPress主题对初学者来说有多么艰难：）

Answer 2

你可以通过创建 mixin 来覆盖 .test{background:red !important;} @mixin test{.test{background: blue !important;} }@include test();

如何覆盖背景色：＃000000！重要;

2 个答案: