Чтоб не наследовались стили css

Чтоб не наследовались стили css, как сделать чтоб свойства стилей не наследовались?

Опции

kolesgan

Topic Starter сообщение

30.6.2011, 18:41; Ответить: kolesgan

Сообщение #1

0

Группа: User
Сообщений: 74
Регистрация: 21.1.2011
Поблагодарили: 0 раз
Репутация:

0

Как возможно сделать так, чтоб тегу <div> не применялись свойства, унаследованные выше. Хочу поставить визуальный редактор, а изза наследования свойств получается совсем не то что надо. Вообще возможно ли запретить наследование?

0

Ответить с цитированием данного сообщения

sc2r2bey sc2r2bey 30.6.2011, 21:33; Сообщений: 2596 Поблагодарили: 10 раз Репутация: 73 Просмотр профиля	30.6.2011, 21:33; Ответить: sc2r2bey Сообщение #2
Топовый постер Группа: User Сообщений: 2596 Регистрация: 22.8.2010 Поблагодарили: 10 раз Репутация: 73	а причем здесь форум php? -------------------- Заметки о разработке и не только программирую web и для we

xilgiz xilgiz 30.6.2011, 23:18; Сообщений: 156 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	30.6.2011, 23:18; Ответить: xilgiz Сообщение #3
Участник Группа: User Сообщений: 156 Регистрация: 21.3.2011 Поблагодарили: 0 раз Репутация: 0	kolesgan, я не знаю, как можно зпаретить наследование, сомневаюсь, что возможно.... Создадите клас нужному элементу DIv , и прописывайте все нужные стили...

yury_mw

30.6.2011, 23:49; Ответить: yury_mw

Сообщение #4

Завсегдатай

Группа: User
Сообщений: 648
Регистрация: 13.5.2009
Поблагодарили: 0 раз
Репутация:

195

(kolesgan @ 30.6.2011, 18:41)

Как возможно сделать так, чтоб тегу <div> не применялись свойства, унаследованные выше. Хочу поставить визуальный редактор, а изза наследования свойств получается совсем не то что надо. Вообще возможно ли запретить наследование?

kolesgan,
чтобы свойства блоков не наследовались достаточно просто их переопределить, например:

<html>
<head>
<style type="text/css">
div{
background: #ccc;
color: #00f;
border: 1px solid #000;
}
.alt{
width: 300px;
margin: 10px;
padding: 10px;
background: #fff;
color: #000;
border: 1px solid #0c0;
}
.alt div{
background: #ccf;
color: #f00;
border-width: 0;
}
</style>
</head>
<body>
<div>Блок внешний, у него серый фон, синий цвет шрифта и черная рамка
<div class="alt">
Здесь у блоков другие свойства
<div>Блок, у которого другие свойства, у него голубой фон, красный цвет шрифта и нет рамки</div>
<br />
<div>Блок, у которого такие же свойства, как и у предыдущего</div>
</div>
<div>А это другой блок, со свойствами такими же, как и у внешнего</div>
<br />Это продолжение внешнего блока
</div>
<br />
<div>А это другой внешний блок</div>
</body>
</html>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки	9	malamut	3459	25.1.2024, 14:36 автор: malamut
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое	5	CULA	3399	19.12.2023, 18:55 автор: CULA
Веб-разработка (HTML, CSS)	1	ViktoriaFE	6459	5.5.2021, 5:22 автор: bekett
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).	0	kozak199110	1667	3.3.2021, 12:22 автор: kozak199110
Продам адаптивный шаблон (css/html/js) под cj/tube сайт	2	zaiko	1434	29.12.2020, 23:49 автор: zaiko