Переопределить CSS из внешнего ресурса - PullRequest
0 голосов
/ 07 ноября 2019

Я строю нумерацию страниц из компонента нумерации NG-Bootstrap. В том, что я хочу изменить (фактически удалить) некоторый CSS, который объявлен в библиотеке NG-Bootstrap. Как это сделать, не меняя таблицу стилей NG-Bootstrap.

This image shown what I want to ignore

Как показано на рисунке выше, я хочу игнорировать padding-left: 0 , который объявлен в .pagination. Мне не нужно добавлять другое значение для этого. Я просто хочу игнорировать это. Является ли это возможным ... ?

1 Ответ

0 голосов
/ 07 ноября 2019

Чтобы ответить на ваш вопрос, нет, вы не можете игнорировать правило стилевого оформления CSS. Но вы можете переопределить его, не изменяя таблицу стилей NG-Bootstrap.

Вы можете прикрепить правила CSS к документам HTML несколькими различными способами, вот наиболее распространенные:

  • Ссылка на внешнюю таблицу стилей путем добавления тега <link> в раздел <head> вашего HTML-документа:

    <link rel="stylesheet" href="mystylesheet.css" />

  • Вставьте CSS в ваш HTML-документ с тегом <style>:

    <style> /* Add your style rules here */ </style>

  • Добавление встроенного CSS в отдельные элементы HTML напрямую с атрибутом style:

    <div style="background-color:gray;"></div>

И в зависимости от того, как вы это делаете, будут применяться разные стили в зависимости от их приоритета. Встроенный имеет приоритет над встроенным, а встроенный имеет приоритет над связанной таблицей стилей.

Например, если вы указываете серый фон на определенном встроенном элементе и указываете синий фон на этом же элементе в разделе встроенного стиля, inline wins.

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

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