внесение изменений CSS с расширением Chrome - PullRequest
1 голос
/ 09 июля 2011

Я пишу несколько пользовательских расширений Chrome для переформатирования определенных сайтов.Мне очень повезло с простым сокрытием вещей, однако я столкнулся с проблемой, пытаясь отрегулировать правое поле на что-то.Просмотр HTML приводит к следующему:

<div id="bodyContent2" class="en">

В области стилей инструментов разработки Chrome я вижу

#bodyContent2.en {
  margin-right: 330px;
  min-height: 920px;
  width: auto;
}

Если я вручную изменю это значение на margin-right: 0px;с Chrome он делает именно то, что я хочу.Однако следующие строки CSS не работают при вызове из моего файла manifest.json в моем расширении:

#bodyContent2 {margin-right:0px;}
[id='bodyContent2']{margin-right:0px;}
#bodyContent2 .en {margin-right:0px;}
.en {margin-right:0px;}

Ни одна из них не работает, и я не понимаю, почему нет.Я буквально только начал работать с расширениями Chrome сегодня.Помощь очень ценится.В отдельных попытках я вижу следующий CSS-код в инструментах chrome dev:

#bodyContent2 {
    <strike>margin-right: 0px;</strike>
}
.en {
   <strike>margin-right: 0px;</strike>
}

1 Ответ

3 голосов
/ 09 июля 2011

Добавьте !important к своим правилам, чтобы придать им более высокий приоритет:

margin-right:0px !important;

Если вы хотите понять порядок, в котором применяются правила CSS, прочитайте о специфичности селектора .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...