Вопрос по css, html – Остановите стили CSS, которые будут применены в определенных разделах кода

4

Этот вопрос может звучать немного странно / новичок / глупо. Пожалуйста, потерпите меня.

Приведенный ниже код представляет собой небольшую часть веб-страницы, которую я создал с помощью CSS, HTML и Coldfusion.

        <head>
    ---------------------Part 1--------------------------------------
    <CFIF CompareNoCase('#aid#', 0)>   
                <cfinclude template="show.cfm">
        <cfabort>
    </CFIF>
    -----------------------------------------------------------------

    <link rel="stylesheet" href="styles/style.css?1322665623">
        </head>
---------------------------PART 2------------------------------------
<body id="wp-home">
<div id="wrapper">
  <div class="header left">
    <h1><a href="index.cfm" class="right logo">Name Of Client</a></h1>
    <div class="tagline">
      <span class="left blair"><a href="index.cfm" class="homelink">home</a></span>
      <span class="headerline"></span>
      <span class="right blair"><a href="index.cfm" class="homelink">antiques</a></span>
    </div>
  </div>
 --------------------------------------------------------------------

Как видите, я включил файл css style.css, который содержит все классы стилей, необходимые для корректного отображения ЧАСТИ 2.

Проблема в том, что когда часть 1 активна (это правда), то же самое CSS применяется также к элементам в файле SHOW.CFM. Это полностью портит исходное отображение страницы.

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

Я проверял show.css несколько раз и могу подтвердить, что в нем не используется ни один класс из styles.css.

Следовательно, мой вопрос, могу ли я остановить стили из style.css, которые будут применены к элементам, загруженным из SHOW.CFM

Простите, если вопрос безумно глуп;)

Я не понимаю этого. На этот вопрос нет однозначного ответа, но все же кто-то голосует. Хорошее сообщество: / aman.kejriwal

Ваш Ответ

4   ответа
0

:not():

.myStyle:not(.classWhereYouDontWantToApplyTheStyle) {
   ...
}
5

will применять до тех пор, пока не будет отменено правилом (которое устанавливает то же свойство) далее вниз по каскаду.

Вы можете либо изменить селекторы, чтобы они не соответствовали элементам, которые вы не хотите, чтобы они соответствовали, либо вы можете переопределить все свои правила в этом разделе.

Error: User Rate Limit Exceeded aman.kejriwal
Error: User Rate Limit Exceeded
Error: User Rate Limit ExceededdivError: User Rate Limit Exceeded#somePartOfThePage divError: User Rate Limit Exceeded
2

таблицы стилей, но только Firefoxподдерживает это до сих пор, Также естьполифилл JavaScript.

Поэтому вам придется адаптировать свою разметку и стили так, чтобы она соответствовала только части 2, а не части1. В крайнем случае, вы можете предшествовать каждому селектору#wrapper, Например, если правило гласитa{color:red}замени это#wrapper a {color:red;}.

Кстати, часть 1, вероятно, должна быть дочерью<body> вместо<head>.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededgithub.com/thingsinjars/jQuery-Scoped-CSS-plugin
-1

чтобы просто определить, какой CSS-файл вы должны включить? Другими словами, включайте styles.css только тогда, когда отображается часть 2. Таким образом, вы полностью избегаете проблем с наследованием и областью видимости.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded aman.kejriwal

Похожие вопросы