如何覆盖蓝图的样式?

时间:2009-12-17 05:48:46

标签: css sass blueprint-css

嗨我正在使用蓝图,由于某种原因,我无法覆盖他们的一些内置样式(screen.css)。到目前为止,我已经尝试过:

 #asset-index-desc .container
       div
         li
           :border dashed !important

......这没有任何作用。我很感激任何帮助。

3 个答案:

答案 0 :(得分:2)

你的SASS创建的CSS是在screen.css之前还是之后?之后的那个应该覆盖之前的那个。

使用Firebug for Firefox查看样式 - 它有一个非常好的用户界面,可以查看哪些样式处于活动状态,哪些样式已在链中进一步覆盖。

答案 1 :(得分:1)

嗯,我能想到一些事情:

1)尝试添加颜色和厚度:即

#asset-index-desc .container
      div
        li
          :border 1px dashed red !important

2)我认为你提供的代码不是你文档中出现的代码,否则你会得到关于div标签太深嵌套的Sass错误....:)

3)以下内容无法在我自己的应用中使用,

#sidebar
  div
    li
      border: 1px dashed red !important

但是如果我删除div标签,那就好了:

#sidebar
  li
    border: 1px dashed red !important

希望这会有所帮助.....

我爱Sass和蓝图....特别是罗盘宝石。这需要造型的所有痛苦......

答案 2 :(得分:0)

不知道您要覆盖的确切内容,但您可能需要在选择器中更具体。也许在标记中添加一个额外的类,并在样式表中引用其他类