2009-12-17 13 views
3

Salut J'utilise Blueprint et pour une raison quelconque, je ne peux pas remplacer certains de leur style intégré (screen.css). Jusqu'à présent, je l'ai essayé:Comment puis-je remplacer les styles de blueprint?

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

... et cela ne fait rien. J'apprécierais toute aide.

+0

Est-ce censé être CSS valide ou est-ce que cette chose Blueprint a sa propre petite langue? –

+0

c'est SASS http://sass-lang.com. Il est compilé dans CSS – DrewM

+0

Je pense que je peux répondre à cela pour vous, mais j'aimerais voir plus d'informations s'il vous plaît; en particulier, le code HTML que vous appliquez cela. –

Répondre

1

hmm je peux penser à quelques choses:

1) essayez d'ajouter la couleur et l'épaisseur: à savoir

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

2) Je suppose que le code que vous avez fourni n'est pas tel qu'il apparaît dans votre document, sinon vous obtiendriez une erreur Sass à propos de l'imbrication trop profonde de l'étiquette div ... :)

3) ce qui suit NE FONCTIONNE PAS dans ma propre application,

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

mais si je supprime la balise div, il est tout bon:

#sidebar 
    li 
    border: 1px dashed red !important 

Hope this helps .....

J'AIME Sass et plan .... Surtout avec boussole gemme. Il prend toute la douleur hors du style ....

0

Je ne sais pas exactement ce que vous essayez de remplacer, mais vous devrez peut-être obtenir plus de détails dans votre sélecteur. Peut-être ajouter une classe supplémentaire au balisage et faire référence à la classe supplémentaire dans votre feuille de style

2

Est-ce que votre CSS créé par SASS est avant ou après screen.css? Celui qui vient après devrait remplacer celui qui vient avant. Regardez les styles avec Firebug pour Firefox - il a une très bonne interface pour voir quels styles sont actifs et lesquels ont été remplacés plus bas dans la chaîne.