子主题没有使用泛型覆盖父主题

Question

这是我在 wordpress.org 中的第一个网站。我不是程序员。在这个舞台上非常绿色。我非常尊重你们中懂所有这些语言的人。

问题： 子主题 style.css 不会覆盖父主题 style.css。该网站现在在顶部工具栏上的文本旁边显示一个方框。在子主题中我需要做什么才能删除方框？

当前条件/代码：

这是来自子主题 style.css

nav-main .menu-item-has-children > a:after, #nav-main

    .page_item_has_children > a:after {
        font-family: "Geneva";
        padding-left: 4px;
        vertical-align: top;
    }

这是来自父 style.css

nav-main .menu-item-has-children > a:after, #nav-main

    .page_item_has_children > a:after {
        content: "";
        font-family: "Genericons";
        padding-left: 4px;
        vertical-align: top;
    }

研究/信息： 关于“内容”，原行是 (content: "\f431") 而不是您在上面看到的方框。 根据 phpxref.ftwr.co.uk/wordpress，它指出 (.geneicon-expand:before { content: '\f431'; }) 此外，在genericons网站的底部，它写道， 自动肖像如果我没记错的话，那是 WordPress.org 的母公司。 进一步的研究让我认为这是在一个小部件中。 方形框显示在网站顶部工具栏上的文本旁边。字体样式确实更改为日内瓦。我能做些什么来消除盒子？ 提前感谢您的回答。

附录： 这可能很重要，请注意。当我在 wordpress 的“菜单”区域中删除一个下拉项并将其设为单个“菜单”项时，方形框消失了。方框仅显示在具有下拉项目列表的“菜单”标题上。我在style.css中搜索，发现如下：

    .sticky .entry-title:before {
        font-family: "Genericons";
        content: "\f308";
        vertical-align: top;
        padding-right: 4px;
        display: inline-block;
    }

按照上一个示例，我将其更改为：

    .sticky .entry-title:before {
        font-family: "Geneva" !important;
        padding-right: 4px !important;
        vertical-align: top !important;
        display: inline-block !important;
    }

它没有工作。广场还在。有什么建议吗？

Answer 1

在您的子主题 css 中试试这个

.page_item_has_children > a:after {
        font-family: "Geneva" !important;
        padding-left: 4px !important;
        vertical-align: top !important;
 }