сбросить несколько стилей CSS для одного элемента div - PullRequest
Новая
       10

сбросить несколько стилей CSS для одного элемента div

15 голосов
/ 10 июня 2009

мой вопрос: возможно ли сбросить стили css (их много) для одного div и все элементы, которые содержатся в этом div.

Я спрашиваю, потому что я нашел этот учебник для JQuery Shoutbox, который имеет свой собственный CSS-файл Я не могу просто скопировать стили в свой собственный CSS-файл, потому что он испортит остальную часть страницы, где стили уже установлены.

Я подумал об использовании divwrapper и применил все эти сбросы только к этому. Я просто не уверен, возможно ли это

Я знаю только так 

#divwrapper td{ set styles }

@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}

спасибо, Ричард

Ответы [ 3 ]

12 голосов
/ 10 июня 2009

Попробуйте это: 

div.foo, div.foo *
{
    // your styles
}

, который будет применять стили к div с классом "foo" и всеми его потомками. Звезда (*) известна как универсальный селектор и, что неудивительно, выделяет элементы любого типа.

Или только для ближайших детей: 

div.foo, div.foo > *
{
    // your styles
}
4 голосов
/ 10 июня 2009

если возможно, вы можете поместить весь контент в «iframe». Содержимое iframe ничего не наследует.

2 голосов
/ 10 июня 2009

Как уже упоминалось ранее @Noldorin, вам нужен селектор, который выбирает всех потомков (или потомков) с помощью универсального селектора.

Для получения дополнительной информации о селекторах см. Документацию W3C. Информация о селекторе CSS2 здесь

Пример кода (я выбрал использование селектора по идентификатору, а не по классу), чтобы проиллюстрировать: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reset</title>

<style>
.red{
    color: red;
}
.blue{
    color: blue;
}
.green{
    color: green;
}

#reset *{
    color: black;
}

#resetc > *{
    color: black;
}

</style>
</head>
<body>
<h1>With Descendant Reset Style</h1>
<div id="reset">
  <div class="red">Red</div>
  <p class="green">Green<span class="blue">Blue</span></p>
</div>

<h1>With Child Reset Style</h1>
<div id="resetc">
  <div class="red">Red</div>
  <p class="green">Green<span class="blue">Blue</span></p>
</div>

<h1>Without Reset Style</h1>
<div>
  <div class="red">Red</div>
  <p class="green">Green<span class="blue">Blue</span></p>
</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...