Чтобы заблокировать определенный контент CSS на некоторых конкретных страницах - PullRequest
Новая
       8

Чтобы заблокировать определенный контент CSS на некоторых конкретных страницах

0 голосов
/ 26 сентября 2019

У меня есть свойства CSS на HTML, хотя я хочу заблокировать это конкретное свойство CSS на определенных страницах. 

    html {
        -moz-transform: scale(0.8, 0.8); 
        zoom: 0.8; 
        zoom: 80%; 
        overflow-x: hidden;
    }

Теперь я сделал это в базовом файле и не могу исключитьbase.html, как я могу заблокировать этот CSS на любой другой странице?

PS: я использую блочный html (шаблон django), поэтому тег присутствует только в base.html

1 Ответ

0 голосов
/ 26 сентября 2019

Прикрепить этот CSS к классу?

, например: 

html.className {
    -moz-transform: scale(0.8, 0.8); 
    zoom: 0.8; 
    zoom: 80%; 
    overflow-x: hidden;
}

, а затем на странице, которую вы хотите использовать, добавить 

<html class="className">

или другой подход

html:not(.className) {
    -moz-transform: scale(0.8, 0.8); 
    zoom: 0.8; 
    zoom: 80%; 
    overflow-x: hidden;
}

это установит его на все страницы, у которых нет этого класса, поэтому на странице, где вы не хотите использовать этот CSS, просто добавьте: 

<html class="className">

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

...