Как сделать исключение из правила для отдельно взятого div-а?

rbfyec · №1

Есть страница сайта, на которой в одном из div-ов полезный материал, а всё остальное на странице - чепуха.

Можно в userContent.css применить правило *{display:none} но сделать из этого правила исключение для этого div-а?
Т. е. я чтобы на странице кроме него больше ничего не было?

rbfyec · №2

Спасибо, okkamas_knife!

А если вместо

Выделить код

Код:

div[id="brdmenu"]{visibility: visible !important;}

написать

Выделить код

Код:

#brdmenu{visibility: visible !important;}

это абсолютно равнозначно или разница есть?

iDev.Pi · №3

rbfyec пишет

это абсолютно равнозначно или разница есть?

второй стиль будет быстрее обрабатываться лисой

Добавлено 02-05-2013 19:53:28

rbfyec пишет

Можно в userContent.css применить правило *{display:none} но сделать из этого правила исключение для этого div-а?

Выделить код

Код:

HTML>BODY>*:not(div){display:none}

но это только на случай, если div лежит в корне страницы.

Отредактировано iDev.Pi (02-05-2013 19:58:10)

rbfyec · №4

iDev.Pi пишет:
Выделить код
Код:
HTML>BODY>*:not(div){display:none}

Тут я не пойму, куда подставить селектор нужного мне дива?
Я пробую в скобки после not, но получаю абсолютно пустую страницу.

А, сейчас только заметил поправку.
В том всё и дело, что он не в корне, а вложен в другой див, а тот вложен в третий и т. д.

Отредактировано rbfyec (02-05-2013 20:16:31)

iDev.Pi · №5

rbfyec пишет

В том всё и дело, что он не в корне, а вложен в другой див, а тот вложен в третий и т. д.

ну вот тогда надо каждый из его родительский селекторов тоже в :not() добавлять:

Выделить код

Код:

/* html>body>this>is>the>path>to>your>div */
html>body>*:not(this), this>*:not(is), is>*:not(the), the>*:not(path), path>*:not(to), to>*:not(your), your>*:not(div){display:none}

rbfyec · №6

iDev.Pi, благодарю!
Всё получилось

Полезная информация

№102-05-2013 14:52:30