Javascript toolbar plugin Наследование CSS

Question

Я создал небольшой плагин javascript, доступ к которому можно получить, нажав соответствующую кнопку на панели инструментов браузера.

На некоторых сайтах он отлично работает, но на других он выглядит ужасно, главным образом потому, что он набирает стили CSS с родительской страницы.

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

Answer 1

Явление на работе css наследование. Все, что вы добавляете на страницу, будет оформлено в соответствии с CSS для этой страницы. Вам нужно использовать классы, чтобы сделать css для вашего добавленного элемента более конкретным, чем другие правила, применяемые к нему из собственного css страницы.

Ваши правила css для вашего нового элемента должны быть больше , чем другие применимые к нему правила. Немного похоже на разговорный язык, являясь конкретными средствами, касающимися чего-то более подробно.

Правило 1

таблицы TBODY диапазона тд {начертание шрифта: жирный; }

Правило 2

таблица диапазона {начертание шрифта: нормальный; }

В этом случае правило 1 будет «выиграть» по правилу 2, потому что это более конкретных.

Для быстрого объяснения смотрите на htmldog-х page on css specificty

Вы хотите очистить CSS любого стиля, грядущего, а затем добавить их снова после. Скажи, что это все в DIV с классом = «Jibber-нав»

Вы можете сделать это:

.jibber-nav, 
.jibber-nav ul, 
.jibber-nav li, 
.jibber-nav a{ 
    background: none; 
    color: #000; 
    font-family: sans-serif; 
    padding: 0; 
    margin: 0; 
} 

/**** then add style you want *******/ 

.jibber-nav li{ 
    border: 2px solid #123456; 
    border: radius: 4px; 
} 

.jibber-nav a{ 
    color: #097654; 
} 

Если все остальное терпит неудачу, вы можете добавить !important все ваши правила CSS, но это сделало бы вы плохой человек и не доверяете. На самом деле это просто увеличивает риск превращения вашего кода в большую запутанную боль, чтобы работать, но это то же самое.