【问题标题】:Can this CSS with multiple classes be simplified any further?这个具有多个类的 CSS 可以进一步简化吗?
【发布时间】:2018-06-28 06:56:00
【问题描述】:
.page-id-247 .entry-title, .page-id-112 .entry-title {
display:none;
}
尝试学习如何清理我的代码并简化事情。好奇这是否可以通过仅以某种方式声明一次 .entry-title 来更清晰。
【问题讨论】:
标签:
css
wordpress
class
coding-style
【解决方案1】:
这取决于科迪的身体。您可以将代码剪切为 .entery-tile ,因为您将相同的样式应用于两个类,或者您可以使用 [class*=page]{ display: none;} 之类的属性选择器在所有类中应用相同的代码页。这完全取决于您的代码和您想要做什么。
【解决方案2】:
据我了解,如果您想简化,则需要创建一个通用类,您可以在任何地方使用它。并将此类与.entry-title 类一起使用。请参考以下代码:
.display-none {
display: none;
}