Question

似乎display: none适用于整个页面而不仅仅是.apss-social-share 感谢

body.page-id-15425,
body.page-id-15206,
body.page-id-15246,
body.page-id-15423,
body.page-id-1452
.apss-social-share {
    display : none ;
}

Answer 1

,的优先级低于后代组合子。这种格式化可能会使事情变得更加明显：

body.page-id-15425,
body.page-id-15206,
body.page-id-15246,
body.page-id-15423,
body.page-id-1452 .apss-social-share {
    display : none ;
}

为每个人指定.apss-social-share：

body.page-id-15425 .apss-social-share,
body.page-id-15206 .apss-social-share,
body.page-id-15246 .apss-social-share,
body.page-id-15423 .apss-social-share,
body.page-id-1452 .apss-social-share {
    display : none ;
}

Answer 2

在CSS中，逗号分隔将应用以下css属性/值的每个选择器。为了使这一点完全清楚：

selector1,
selector2,
selector3 .sub-element-class {
    display: none;
}

与

相同

selector1 {
    display: none;
}
selector2 {
    display: none;
}
selector3 .sub-element-class {
    display: none;
}

变体1的写入时间更短，特别是如果不仅应用一个而且应用更多的CSS属性。

在几个页面上隐藏一个元素，我的语法出了什么问题？

2 个答案: