15

私の質問は、単一の div とその div に含まれるすべての要素の css スタイルを (それらから大幅に) リセットできるかどうかです。

独自の css ファイルを持つ jquery シャウトボックスのこのチュートリアルを見つけたので、私は尋ねています。スタイルが既に設定されているページから残りを台無しにするため、スタイルを自分の css ファイルにコピーすることはできません。

私は divwrapper を使用することを考え、それらすべてのリセットをその 1 つだけに適用しました。それが可能かどうかはわかりません

このやり方しか知らない

#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;
}

ありがとう、リチャード

4

3 に答える 3

12

これを試して：

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

divこれにより、クラス「foo」とそのすべての子孫にスタイルが適用されます。スター ( *) はユニバーサル セレクターとして知られており、当然のことながら、あらゆるタイプの要素を選択します。

または、直系の子供だけの場合:

div.foo, div.foo > *
{
    // your styles
}
于 2009-06-10T11:22:02.627 に答える
4

実用的であれば、すべてのコンテンツを iframe に「リセット」することができます。iframe の内容は何も継承しません。

于 2009-06-10T11:21:19.477 に答える
2

前述の @Noldorin のように、ユニバーサル セレクターを使用してすべての子孫 (または子) を選択するセレクターが必要です。

セレクターの詳細については、W3C のドキュメントをご覧ください。CSS2セレクタ情報はこちら

説明するコード例 (クラスではなく ID でセレクターを使用することを選択しました):

<!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>
于 2009-06-10T11:31:41.437 に答える