Как мне изменить подсветку синтаксиса CSS? - PullRequest
Новая
       6

Как мне изменить подсветку синтаксиса CSS?

3 голосов
/ 17 июня 2010

У меня есть блог, размещенный на WordPress.com, и я купил обновление «Пользовательский CSS» для изменения CSS. Теперь я хочу изменить некоторые опции CSS Подсветка синтаксиса , предоставляемые Wordpress.com. Например, я хочу, чтобы 

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

будет отображаться с черным фоном вместо стандартного белого. Я добавил в Wordpress.com Appareance > Modify CSS следующий код: 

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

Как объяснено здесь , но это не работает. Есть идеи?

1 Ответ

2 голосов
/ 20 июня 2010

Решение состоит в том, чтобы изменить не только фон всей подсветки синтаксиса, но и каждой строки, подобно этому: 

.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;
}

Поскольку вы используете черный цвет в качестве фона, я советую вам убедиться, что цвет имеет достаточную контрастность по сравнению с ним.

Кроме того, с помощью плагина firebug для firefox вы можете точно определить, какое правило CSS применяется, где и какие классы доступны для стилизации. (обязательно при работе на хост-системах.)

Кстати: я нашел решение по второй ссылке , которую вы дали

...