为什么不在 CSS 而不是 class 中定位按钮标签?
Why not target button tag in CSS instead of a class?
为什么像 Bootstrap 这样的常见工具包不直接以按钮标记为目标,而是定义像 btn 和 btn-default 这样的 classes?
我无法理解为什么 <button class="btn btn-default">
比 <button>
更好。是否有技术原因更喜欢 classes 而不是标签,或者这只是代码样式的问题?
编辑:
我知道 btn class 可以在其他元素中重复使用,但为什么不默认在按钮标签上应用它?
不一定是好是坏 - 不同的方法在不同的情况下可能会有用。
在元素选择器上使用 class 的主要原因有两个:
- class 可以应用于不同类型的元素(也许您希望
<a>
元素具有与按钮相同的样式。
- 您可以控制何时应用 class(也许您有某些
<button>
元素不需要与其他元素相同的样式..您现在可以选择不包含 class 这个按钮)
这基本上归结为灵活性。还有其他潜在的差异。例如,Class 选择器比元素选择器具有更高的特异性。
为什么像 Bootstrap 这样的常见工具包不直接以按钮标记为目标,而是定义像 btn 和 btn-default 这样的 classes?
我无法理解为什么 <button class="btn btn-default">
比 <button>
更好。是否有技术原因更喜欢 classes 而不是标签,或者这只是代码样式的问题?
编辑: 我知道 btn class 可以在其他元素中重复使用,但为什么不默认在按钮标签上应用它?
不一定是好是坏 - 不同的方法在不同的情况下可能会有用。
在元素选择器上使用 class 的主要原因有两个:
- class 可以应用于不同类型的元素(也许您希望
<a>
元素具有与按钮相同的样式。 - 您可以控制何时应用 class(也许您有某些
<button>
元素不需要与其他元素相同的样式..您现在可以选择不包含 class 这个按钮)
这基本上归结为灵活性。还有其他潜在的差异。例如,Class 选择器比元素选择器具有更高的特异性。