注册
登录
新闻动态
其他科技
返回
您想要启用 CSS 选择器，而不是禁用它们
作者:
糖果
发布时间:
2024-02-17 02:01:20 (2月前)
来源:
rule-of-the-previous-one/
启用选择器是我所说的选择器，它可以在不禁用特定规则的情况下完成工作。我将使用以下示例进行解释。 假设我们有列表项并且我们想将边距添加到最后一项。 <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <ul> 这是通常的禁用方式。 li { margin-bottom: 1em; } li:last-child { margin-bottom: 0; } 首先，我们添加margin-bottom到所有元素。然后，我们禁用最后一个元素的底部边距。我将此技术称为禁用选择器，因为li:last-child选择器禁用了前一个选择器的规则。 但是我们可以使用启用选择器做得更好。 li:not(:last-child) { margin-bottom: 1em; } 选择器在除最后一个元素之外的所有元素上li:not(:last-child)启用margin-bottom。没有必要禁用任何东西。如果你问我，那是很有可读性和可维护性的。 这是同一示例的启用选择器的另一个版本。 li + li { margin-top: 1em; } 在这个版本中，我们添加margin-top到所有具有前一个兄弟的元素，这意味着除了第一个没有前一个兄弟的元素之外的所有元素。
收藏
举报
1 条回复
动动手指，沙发就是你的了！
登录
后才能参与评论
