Путаница таблиц стилей

Question

Я использовал шаблон для своего сайта. этот шаблон содержит 2 таблицы стилей. один для текста, а другой для макета. теперь у меня есть главная страница, и форма contactUs использует эту главную страницу. На главной странице используются обе упомянутые выше таблицы стилей. Я использовал аккордеон в контроле. Проблема в том, что аккордеон идеален в представлении дизайна элемента управления, в котором я его использовал. Но как только я помещаю его в форму contactUs, которая использует вышеуказанную мастер-страницу с таблицами стилей, стили, упомянутые для ссылки в вышеупомянутые 2 таблицы стилей показаны вместо стилей, упомянутых для ссылки заголовка аккордеона. в чем должна быть проблема? как разделить все стили, чтобы браузер не запутался?

Answer 1

Просто используйте Firebug, чтобы увидеть, какой стиль перекрывает другой стиль и почему (более конкретно, объявлено ниже, и т. Д.).

Answer 2

Не видя содержимого таблицы стилей, невозможно точно сказать, в чем заключается конфликт между ними. Вообще говоря, две таблицы стилей имеют разные правила для тегов <a> (<a> - это тег HTML для ссылки).

Вам следует взглянуть на таблицы стилей и найти правила, применимые к тегам. Они будут выглядеть как a { color: red } или что-то подобное. Вполне возможно, что селектор будет более сложным, так что вместо a это может быть li a или a.someClass или что-то еще из более сложных вещей. Затем вы можете сделать что-то вроде изменения шаблона, чтобы ссылки на одну из частей шаблона имели класс CSS, и обновить соответствующие селекторы CSS, чтобы они применялись только к этому классу, например a.accordionHeader.

.

Answer 3

1- Прежде всего взгляните на порядок ваших таблиц стилей.

2- Последний заменит первые.

3- Измените порядок таблиц стилей, просто предположив, я могу сказать, что вы должны использовать стиль для того, чтобы связаться с нами ПЕРВЫМ, поэтому общие стили перезапишут его.

4- Если это не так, и результаты не такие, как хотелось бы, то вам следует быть более конкретным в отношении кода CSS с более специфичными селекторами, чем те, которые вы используете. (Так же, как aem сказал вам в своем ответе).

5- Как и у aem, с таким количеством информации, мы не можем сказать, что могло произойти и что можно сделать.

Если бы вы могли быть более ясными в этой теме, мы могли бы помочь вам лучше.

Bye.