игнорируемого CSS стиля для конкретных страниц

В качестве примера, у меня есть 3 HTML, который является login.html, home.html и contact.html. все 3 из них баннер кодируются следующим образом:игнорируемого CSS стиля для конкретных страниц

. 
. 
<div id="banner" class="banner" > 
     .... 
    </div> 
. 
.

и они также называют CSS файл, который содержит следующие

. 
. 
.  
.banner { 
    background: url("images/image1.jpg"); 
} 
. 
.

я хочу, чтобы установить image1.jpg фон только для home.html и контакта .html. игнорируйте css, если страница login.html. Возможно ли, , только отрегулировав файл css?

, чтобы понять, что я хочу сделать что-то вроде этого:

.banner{ 
    if(page != login.html) 
      background: url("images/image1.jpg"); 
    else 
      ignore; 
}

источник

2015-09-23 Wan999

У вас есть два варианта:

Добавить класс к <body> тега или конкретного элемента.
Добавьте дополнительную таблицу стилей, чтобы перезаписать стили по умолчанию.

Если вы можете дать body класс login для login.html:

<body class="login"> 

    <div id="banner" class="banner"> 
     .... 
    </div> 

</body>

Вы можете переписать стили, добавляя, как:

.login .banner {background: none;}

источник

2015-09-23 01:24:44

Если вы можете изменить HTML, вы также может добавить к вашему баннеру еще один класс и ссылаться на него по адресу id в вашем CSS. Что-то вроде:

HTML

<div id="banner" class="banner home" > 
     .... 
</div>

CSS

#banner.home { 
    background: url("images/image1.jpg"); 
} 

#banner.login { 
    background: url("images/image2.jpg"); 
}

источник

2015-09-23 01:30:34 ochi

игнорируемого CSS стиля для конкретных страниц

ответ

Смежные вопросы