在CSS中隐藏来自特定wordpress类别的所有帖子的按钮

时间:2019-08-28 01:42:08

标签: css wordpress

我使用此代码在CSS中隐藏按钮。有用。是否可以将按钮隐藏在特定的wordpress类别帖子中?

div.screen-reader-text3 
{
    display:none;
}

任何帮助表示赞赏

2 个答案:

答案 0 :(得分:2)

是的。 WordPress将类别添加到类别页面上的body元素。

如果您在类别页面上检查代码,则在正文类中会看到类似的内容:

archive category category-skincare category-2

护肤是我的同类产品,但您的情况会有所不同。

您需要复制category-skincare并在CSS中使用它,如下所示:

.category-skincare div.screen-reader-text3 {
    display: none;
}

答案 1 :(得分:1)

wordpress中的每个页面都有个人ID。如果通过控制台检查页面源,则可以在主体中看到以下内容: let strCssHead = "<head><link rel=\"stylesheet\" type=\"text/css\" href=\"iPhone.css\"></head>" let strbody = "<body> <h1>Font 1</h1> <h2>Font 2</h2> <h3>Font 3</h3> </body>" wkweb.loadHTMLString("\(strCssHead)\(strbody)", baseURL: URL(fileURLWithPath: Bundle.main.path(forResource: "iPhone", ofType: "css")!)) ,其中page-id-58-唯一的页面ID。

在CSS中看起来像这样

<body class="home page-template-default page page-id-58">