Содержание
Внесение изменений в объявления CSS («Каскадная таблица стилей»), применяемые к элементу HTML, может показаться сложной задачей. Тем не менее, при условии систематического подхода, можно вносить необходимые изменения без осложнений. Одна веб-страница может использовать свойства стиля из нескольких источников. Таким образом, ваша первоначальная задача будет выяснить, откуда поступают объявления для вашего "div". Найдя их, вы можете предотвратить их влияние на элемент, изменив код HTML или CSS.
направления
Сайты используют как HTML, так и CSS для определения внешнего вида и стиля. (Comstock / Comstock / Getty Images)-
Узнайте, где хранится CSS веб-страницы. Код CSS может отображаться как встроенный, что означает, что объявления стилей перечислены как часть маркировки элемента, как в синтаксисе следующего примера: Содержимое
Если этот код появляется в вашем «div», вы можете удалить весь атрибут «style» с его значением. Код CSS может появляться внутри раздела «head» страницы следующим образом: body {background-color: # 000000;}
Код CSS также может отображаться в одном или нескольких отдельных файлах CSS со ссылками в разделе «заголовок» страницы следующим образом:
-
Если на вашей странице есть CSS-код в разделе «head» или в отдельных файлах, вам нужно будет выполнить поиск по всему CSS-коду, чтобы изменить стиль для вашего элемента «div».
-
Проверьте код CSS, ссылающийся на элементы "div". CSS можно применять к типу элемента, например следующему: div {padding: 5px; }
Если CSS в «заголовке» вашей страницы или в отдельных файлах имеет идентификатор «div», используемый таким образом, код внутри блока CSS будет влиять на его элемент. Чтобы изменить эффект «div», но разрешить применение кода к другим элементам «div» на сайте, вы можете изменить «div» на другой тип элемента. Кроме того, вы можете изменить код CSS, который будет применяться только к элементам "div" с определенным атрибутом класса, добавив этот атрибут к тем элементам "div", к которым вы хотите применить CSS.
-
Проверьте код CSS, ссылающийся на класс вашего элемента. Элементы HTML имеют следующие атрибуты класса: Топ-контент
Если у вашего "div" есть атрибут class, посмотрите значение этого атрибута в вашем коде CSS. Может отображаться в своем собственном атрибуте, как показано ниже: .top {/CSS объявления/ }
Кроме того, он может отображаться вместе с типом элемента следующим образом: div.top {/CSS объявления/ }
Если один из них появляется, вы можете предотвратить применение объявлений к вашему элементу, изменив или удалив его атрибут класса. Удаление кода CSS может повлиять на другие элементы класса, а не только на элемент, над которым выполняется работа.
-
Проверьте код CSS для вашего идентификатора элемента. Ваш элемент может иметь уникальный атрибут ID, как показано ниже: Топ контента
Если ваш элемент имеет атрибут ID, найдите его в CSS, выполнив поиск следующего синтаксиса:
заголовок {
/CSS объявления/ }
На каждой странице значение атрибута ID должно появляться только один раз, поскольку идентификатор должен быть уникальным. Изменение значения атрибута ID должно препятствовать влиянию кода CSS на элемент «div». Вы все еще можете при желании изменить или удалить код CSS, но это может повлиять на элементы с одинаковым идентификатором на других страницах вашего сайта, если они используют тот же код CSS.
-
Ищите CSS-коды, которые влияют на родительские или дочерние элементы вашего "div". Код CSS для родительских элементов будет иметь реакцию на ваш «div», поэтому вам может потребоваться внести изменения в этот код, хотя они могут повлиять на остальную часть вашего сайта. Элементы в вашем "div" могут также иметь адаптированный код CSS. Проверьте, используя тот же метод, который использовался для самого "div", работая с каждым из дочерних элементов одновременно.
чаевые
- Инструменты браузера, такие как Firebug, могут быть полезны при изменении кода HTML и CSS.
предупреждение
- Изменения в существующем сайте могут иметь неожиданные последствия. По этой причине рекомендуется сохранять копии всех файлов, которые вы планируете изменить.