Внедрение метки div в каждую ссылку <a> - PullRequest
0 голосов
/ 23 февраля 2012

Я работаю над расширением браузера, которое показывает некоторую информацию под каждой ссылкой, используя встроенный JavaScript. Я хочу использовать цветной блок div с маленькими значками и метками внутри. Проблема в том, что некоторые страницы будут переопределять стили CSS по умолчанию для моих внедренных элементов, а также не уверены, что все блоки будут иметь правильную позицию (ниже своих ссылок). Я использую Chrome. Любые предложения, что использовать для разметки любой страницы?

Ответы [ 3 ]

2 голосов
/ 23 февраля 2012

! Важный - это последнее средство, на мой взгляд.

Сначала я бы предложил следующее:

  1. Добавьте отдельные классы CSS к меткам div, чтобы не было других CSSфайл может переопределить его.Пример: yourextensionname-label может быть именем класса для метки div.
  2. Загрузите ваш CSS-файл последним.
  3. Если вышеописанное не помогло, используйте встроенные стили.
0 голосов
/ 23 февраля 2012

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

1) Если вы не беспокоитесьв старых браузерах (т.е. 6 / ie 7) вы можете установить стиль ссылки на «display: inline-block;».Это позволит вам хранить другие элементы блока внутри него.Вы можете ввести меньшие div / изображения внутри.

2) В зависимости от вашего макета вы можете настроить отображение ссылок на блокирование, а затем перемещать ссылки влево для получения аналогичного эффекта, но это не будет работать, если они находятся в блоке обычного текста..

3) Наконец, вам, возможно, придется использовать javascript, чтобы расположить элементы div чуть ниже ссылок.

update:

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

0 голосов
/ 23 февраля 2012

Добавьте !important стилей для каждого правила стиля, которое вам нужно (даже по умолчанию).
Это заменит все, что делает страница.

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