Fatal编程技术网
  • css/
  • 为什么要在引导css中为这一行设置例外？

为什么要在引导css中为这一行设置例外？

css twitter-bootstrap

为什么要在引导css中为这一行设置例外？,css,twitter-bootstrap,Css,Twitter Bootstrap,引导css的起始模板包括以下内联模板： body { padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ } 当所有其他代码都在一个外部的.css文件中时，有什么实际原因将此样式包含在行中？可能有几种情况 也许他们希望此规则覆盖外部样式表中声明的任何内容（除了！重要的规则）。由于内联元素被自动认为更具体 也许他们希望这个特定的规则对这个页面是唯一的

引导css的起始模板包括以下内联模板：

body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
当所有其他代码都在一个外部的.css文件中时，有什么实际原因将此样式包含在行中？

可能有几种情况

  • 也许他们希望此规则覆盖外部样式表中声明的任何内容（除了
    ！重要的
    规则）。由于内联
    元素被自动认为更具体
  • 也许他们希望这个特定的规则对这个页面是唯一的，而不是在整个网站上全局可用。60px的顶栏可能只存在于该页面上
      • 内联样式被故意插入
      bootstrap.css
      和
      bootstrap responsive.css
      之间。将其移动到
      main.css
      （以及
      bootstrap responsive.css
      ）将在调整到较小窗口时显示黑色菜单栏上方的填充，至少在IE 10和Chrome 22中是这样

      理想情况下，它应该被添加到
      bootstrap.css
      中，但不是出于某种原因

      另一个解决方案是将它放在一个单独的css文件中，但这需要下载一个额外的非常小的文件

      在两个
      bootstrap*.css
      文件之间加载
      main.css
      会使覆盖特定设置变得更加困难

      所以我认为这是一个折衷方案。

      如果它在某个时候被重新排列，可能不会在引导文件中被覆盖？内联css覆盖外部样式表。