子主题不会使用genericons覆盖父主题

Question

这是我在wordpress.org的第一个网站。我不是程序员。在这个舞台上很绿。我非常尊重那些了解所有这些语言的人。

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

现行条件/代码：

这是来自child-theme style.css

nav-main .menu-item-has-children＆gt; a：之后，＃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＆gt; a：之后，＃nav-main

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

研究/资料： 关于“内容”，原始行是（内容：“\ f431”），而不是您在上面看到的方框。 根据phpxref.ftwr.co.uk/wordpress，它说 （.genericon-expand：在{content：'\ f431';}之前） 此外，在通用网站的底部，它读到， 自动化的PORTRAYAL＆amp;如果我没弄错的话，那就是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;
 }