将Bootstrap CSS类应用于给定类型的所有HTML元素

时间:2016-07-12 17:58:41

标签: javascript html css twitter-bootstrap angular-ui-bootstrap

我想将Bootstrap btn类设置为所有<button>元素,而不是在每个按钮上手动执行。我知道我可以为所有按钮添加自定义样式:

button { ...some-properties... }

但我需要这样的东西:

button { .btn }

我知道我可以通过LESS实现这一点,但我的问题是,如果它是实现这一目标的唯一方法,还是仅使用CSS?我还发现我可以使用jQuery实现这一点。对于它的价值,我使用AngularJS,也许AngularUI或AngularStrap会有用吗?

2 个答案:

答案 0 :(得分:0)

不,没有在纯css中扩展css类的事情。实现你想要的唯一方法是获取bootstrap .btn类的源css并将其添加到所有按钮:

button {
    // .btn source css
}

即使它有效,但不是一个好的方法,因为Bootstrap可能会在将来的版本中更改它。像Less和Sass这样的Css预处理器可能是最好的方法。

答案 1 :(得分:0)

我不认为除了在 CSS 的情况下使用 Less 之外还有另一种方法,无论你做什么都不能这样做,因为 CSS是不能胜任这种抽象水平所以请使用我向你保证你不能用 CSS 做到这一点所以不要浪费时间a nd使用LESS 像这样:

  

按钮{         .btn; }