将具有较低特异性的CSS规则应用于HTML元素,覆盖最具体的规则

时间:2016-05-06 14:49:30

标签: html css twitter-bootstrap

我有一个CSS级联,当然所有组件都使用最后一个,但是有一个特定的组件,我不希望它使用后面的CSS规则(business-frontpage.css),而是使用来自的规则bootstrap.css样式表。

这可能吗?我该怎么做? 这些是我的CSS样式:

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme/business-frontpage.css">

我希望以下元素仅使用bootstrap.css中的样式,而不是主题中的样式(business-frontpage.css)。

<datepicker></datepicker>

1 个答案:

答案 0 :(得分:1)

阅读评论后,看起来你有两个选择。您可以从bootstrap.css中获取样式,并且:

  1. 创建自定义样式表
  2. 复制datepicker CSS
  3. 将其粘贴到新样式表
  4. 然后将外部样式表放在business-frontpage.css
  5. 之后

    或者

    1. 复制datepicker CSS
    2. 将CSS粘贴到页面<style></style>中的<head></head>