сбросьте несколько стилей css для одного единственного элемента отделения
Оператор +:
$x[0] = 4;
$x[1] = 1;
$y[0] = 9;
$y[2] = 5;
$u = $y + $x;
// Results in:
$u[0] === 9;
$u[1] === 1;
$u[2] === 5;
Обратите внимание, что $x + $y! = $y + $x
3 ответа
Попробуйте следующее:
div.foo, div.foo *
{
// your styles
}
, который применит стили к div с классом «foo» и всеми его потомками. Звездочка ( * ) известна как универсальный селектор и, что неудивительно, выбирает элементы любого типа.
Или только для непосредственных дочерних элементов:
div.foo, div.foo > *
{
// your styles
}
, если это возможно, вы можете поместить весь контент в «сброс» в iframe. Содержимое iframe ничего не наследует.
Как упоминалось ранее @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>