Как отменить действие внедренной в документ CSS таблицы для определенного DIV'а

11.10.2010, 16:59. **Показов** 9266. **Ответов** 9

Студворк — интернет-сервис помощи студентам

а перекрыть определенный стиль '... !important;' не достаточно?

@Пушехвост · 10.12.2010, 16:09

Есть документ со внедренной в него через
Link Rel='StyleSheet' Type='text/css' Href='style.css'
таблицей стилей.

Как можно сделать так, чтобы действие таблицы стилей распространялась на весь документ,
кроме определенного его раздела, например указанного DIV'а,
где сохранялось оформление по умолчанию.

Например:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
<HTML>
  <HEAD>
    <Title>Пределы действия внедренной таблицы CSS</Title>
    <Link Rel='StyleSheet' Type='text/css' Href='style.css'>
  </Head>
  <BODY>
    Оформление страницы согласно style.css
    <div id = 'not_css'>
      Стандартное оформление (style.css не действует в этом DIV'е)
    </div>
    Оформление страницы согласно style.css
  </BODY>
</HTML>

Заранее спасибо!

@Dragon_Oleg · 12.12.2010, 09:57

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<HTML>
 <HEAD>
  <Title>Пределы действия внедренной таблицы CSS</Title>
  <Link Rel='StyleSheet' Type='text/css' Href='style.css'>
<style>
#not_css {
color:red;
margin:0;
}
</style>
 </Head>
 <BODY>
  Оформление страницы согласно style.css
  <div id = 'not_css'>
   Стандартное оформление (style.css не действует в этом DIV'е)
  </div>
  Оформление страницы согласно style.css 
</BODY>
</HTML>

@Пушехвост · 12.12.2010, 20:16

Dragon Oleg, спасибо, но видимо Вы не так поняли (или я неправильно объяснил):
Не нужно, чтобы в DIV'е одна таблица стилей перекрывала другую,
а надо чтобы в нем вообще не действовала никакая таблица, и его оформление было по УМОЛЧАНИЮ,
причем у разных пользователей в зависимости от настроек браузера значения по умолчанию могут быть разными.

@bazile · 13.12.2010, 09:35

По моему так нельзя сделать

14.12.2010, 06:46

Срабатывает такой ход (полностью или частично).

<link href='my_style.css' rel='stylesheet' type='text/css'>
<style>
#not_css{}
</style>

<div class='not_css'>
здесь не стоит ссылаться на стили из my_style.css
</div>

где my_style.css - внедренная таблица стилей.
Если же таблица стилей внедрена в документ явно, т.е. не через тэг <link ...> то не работает.

@Пушехвост · 15.12.2010, 14:18

arinova, спасибо, но не работает!
Таблица стилей my_style.css распространяется и на <div class='not_css'>

Может кто нибудь знает какие нибудь способы...?

@Dragon_Oleg · 16.12.2010, 14:01

Вот тут не
<div class='not_css'>
здесь не стоит ссылаться на стили из my_style.css
</div>
а вот это поставь
<div id='not_css'>
здесь не стоит ссылаться на стили из my_style.css
</div>

@Пушехвост · 16.12.2010, 14:28

То же самое :-(

@bazile · 16.12.2010, 14:34

Все отвечающие почему-то забывают что стили CSS наследуются вложенными блоками. Поэтому не важно ссылается или нет этот <div> на какие-то правила из my_style.css на него все равно будут действовать стили его родительских элементов и стили для элемента div (если такие есть). Простой пример:

Code
1
2
3
4
5
6
7
8
body {color:red}
div {font-weight:bold}
....
<body>
Оформление страницы согласно style.css
<div>Стандартное оформление (style.css ДЕЙСТВУЕТ в этом DIV'е)</div>
Оформление страницы согласно style.css
</body>

В этом примере весь текст на странице будет иметь красный цвет, а текст внутри <div> дополнительно будет выделен жирным шрифтом. Т.е. div наследуют цвет текста от своего родителя, в данном случае body. Наследование распространяется на всю глубину вложенности элементов. Поэтому если даже заключить весь текст в элемент table - цвет шрифта останется красным.

В стандарте CSS нет средств (в стандарте HTML тоже) позволяющих указать что на элемент не дейсвуют правила CSS. Следовательно получить стиль отображения по умолчанию для произвольного элемента нельзя.

Единственное что можно сделать - построить документ и стили таким образом чтобы у родителей div-a не было явно заданных стилей.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

John

	Как отменить действие внедренной в документ CSS таблицы для определенного DIV'а 11.10.2010, 16:59. Показов 9266. Ответов 9 Метки нет (Все метки) а перекрыть определенный стиль '... !important;' не достаточно?

@Пушехвост 0 / 0 / 0 Регистрация: 15.09.2009 Сообщений: 234
	12.12.2010, 20:16
	Dragon Oleg, спасибо, но видимо Вы не так поняли (или я неправильно объяснил): Не нужно, чтобы в DIV'е одна таблица стилей перекрывала другую, а надо чтобы в нем вообще не действовала никакая таблица, и его оформление было по УМОЛЧАНИЮ, причем у разных пользователей в зависимости от настроек браузера значения по умолчанию могут быть разными. 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	13.12.2010, 09:35
	По моему так нельзя сделать 0

arinova
	14.12.2010, 06:46
	Срабатывает такой ход (полностью или частично). <link href='my_style.css' rel='stylesheet' type='text/css'> <style> #not_css{} </style> <div class='not_css'> здесь не стоит ссылаться на стили из my_style.css </div> где my_style.css - внедренная таблица стилей. Если же таблица стилей внедрена в документ явно, т.е. не через тэг <link ...> то не работает.

@Пушехвост 0 / 0 / 0 Регистрация: 15.09.2009 Сообщений: 234
	15.12.2010, 14:18
	arinova, спасибо, но не работает! Таблица стилей my_style.css распространяется и на <div class='not_css'> Может кто нибудь знает какие нибудь способы...? 0

@Dragon_Oleg 6 / 6 / 1 Регистрация: 22.06.2010 Сообщений: 239
	16.12.2010, 14:01
	Вот тут не <div class='not_css'> здесь не стоит ссылаться на стили из my_style.css </div> а вот это поставь <div id='not_css'> здесь не стоит ссылаться на стили из my_style.css </div> 0

@Пушехвост 0 / 0 / 0 Регистрация: 15.09.2009 Сообщений: 234
	16.12.2010, 14:28
	То же самое :-( 0