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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.
  • Форумы
  •  » CSS-стили
  •  » Как сделать исключение из правила для отдельно взятого div-а?

№102-05-2013 14:52:30

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 20.0

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

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

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

Отсутствует

 

№202-05-2013 18:50:14

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 20.0

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

Спасибо, okkamas_knife! :)

А если вместо

Выделить код

Код:

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

написать

Выделить код

Код:

#brdmenu{visibility: visible !important;}

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

Отсутствует

 

№302-05-2013 19:49:13

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Firefox 20.0

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

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)


mzfx

Отсутствует

 

№402-05-2013 20:12:10

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 20.0

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

iDev.Pi пишет:

Выделить код

Код:

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

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


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

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

Отсутствует

 

№502-05-2013 20:55:41

iDev.Pi
баг-репортёр
 
Группа: Extensions
Зарегистрирован: 31-01-2010
Сообщений: 2718
UA: Firefox 20.0

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

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}

mzfx

Отсутствует

 

№604-05-2013 15:07:47

rbfyec
Участник
 
Группа: Members
Зарегистрирован: 07-07-2012
Сообщений: 365
UA: Firefox 20.0

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

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

Отсутствует

 
  • Форумы
  •  » CSS-стили
  •  » Как сделать исключение из правила для отдельно взятого div-а?

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]