Comment changer la syntaxe en soulignant CSS?

Question

J'ai un blog hébergé sur WordPress.com, et j'ai acheté la mise à jour "CSS personnalisé" pour modifier CSS. Maintenant, je veux changer certaines options CSS de Syntax Highlighting fourni par Wordpress.com. Par exemple, je veux que

[code lang="C"] int main() { } [/code] 

sera affiché avec un fond noir au lieu de celui blanc standard. J'ai ajouté dans Wordpress.com Appareance > Modify CSS le code suivant:

.syntaxhighlighter 
{ 
    background-color: black !important; 
} 

Comme expliqué here, mais il ne marche. Une idée?

Answer 1

La solution est non seulement changer l'arrière-plan de l'ensemble SyntaxHighlighter, mais aussi de chaque ligne, semblable à ceci:

.syntaxhighlighter 
{ 
    background-color: black !important; 
} 
.syntaxhighlighter .line .number 
{ 
    color: white !important; 
    background-color: black !important; 
} 
/* First line */ 
.syntaxhighlighter .line.alt1 
{ 
    background-color: black !important; 
} 

/* Second line */ 
.syntaxhighlighter .line.alt2 
{ 
    background-color: black !important; 
} 

Comme vous utilisez noir comme une couleur de fond, je vous conseille pour s'assurer que la couleur a assez de contraste par rapport à elle.

En outre, en utilisant le firebug plugin for firefox, vous pouvez voir exactement quelle règle CSS est appliquée où, et quelles classes sont disponibles pour le style. (Un must lorsque l'on travaille sur les systèmes hébergés.)

BTW: Je trouve le soluion au second link vous avez donné