Question

以某种组合方式使此CSS更短的最短方法是什么？

[data-pageid="187"] .sidebar-nav-heading {
    display: none;
}
[data-pageid="188"] .sidebar-nav-heading {
    display: none;
}
[data-pageid="189"] .sidebar-nav-heading {
    display: none;
}

Answer 1

[data-pageid="187"] .sidebar-nav-heading, [data-pageid="188"] .sidebar-nav-heading, [data-pageid="189"] .sidebar-nav-heading {
    display: none;
}

或者如果您真的想缩小：

[data-pageid="187"] .sidebar-nav-heading,[data-pageid="188"] .sidebar-nav-heading,[data-pageid="189"] .sidebar-nav-heading{display:none}

Answer 2

有一些方法可以处理CSS中的数据属性： https://css-tricks.com/almanac/selectors/a/attribute/

/* staying true to the data-pageid numbers */

[data-pageid="187"] .sidebar-nav-heading,
[data-pageid="188"] .sidebar-nav-heading,
[data-pageid="189"] .sidebar-nav-heading {
    display: none;
}

/* or if you want any with that attribute */

[data-pageid] .sidebar-nav-heading {
    display: none;
}

编辑：然后您可以通过删除空格或使其通过缩小器来缩小它。

希望这对您有帮助，杰森。

编写此CSS的最短方法是什么？

2 个答案: