私はドロップダウンメニューを持っていますが、子ナビゲーションは親ナビゲーションからすべてのCSS設定を受け取ります。それは何も取らず、未設定の要素として表示されるようにすることはできますか?子要素に新しい元の値を設定できません
構造は次のようになります。
<ul>
<li>something</li>
<li>something
<ul>
<li>submenu1</li>
</ul>
</li>
</ul>
私はドロップダウンメニューを持っていますが、子ナビゲーションは親ナビゲーションからすべてのCSS設定を受け取ります。それは何も取らず、未設定の要素として表示されるようにすることはできますか?子要素に新しい元の値を設定できません
構造は次のようになります。
<ul>
<li>something</li>
<li>something
<ul>
<li>submenu1</li>
</ul>
</li>
</ul>
あなたが外ul
の親要素から直接これらのプロパティを追加することができます。このように:
li { // standard properties
color: black;
}
.menu > ul > li { // properties only for the outer li elements
color: red;
}
はい、「nth-child」で追加できます。私はあなたにこれを説明する前に
は、あなたは、HTML文書がそのように私はn番目の子の使い方が似ている
をしたい任意のタグのいずれかの子を選択することができますネストされていることを知っている
[タグ]:n番目の子([私はスタイルにしたい子の数])
ここでは例として(あなたは、CSSを使用します): -
<style>
ul li:nth-child(3) {
color: #FAF0F0;
background-color: black ;
width: 50px;
height: 10px;
}
これはTHIRを変更します(3)] を書き換えて#FAF0F0色、黒色背景色、50px幅、10pxの高さにします。
したがって、n番目の子クラスでは、HTMLドキュメントの任意の要素をスタイルすることができます。
私はあなたがそれを理解することを願っています:)
ほとんどのプロパティは継承されています。 'font-weight:unset;' – pol
@pol(https://jsfiddle.net/rs0tvn9m/を参照)のように、それらを再度子に定義することでそれらの設定を解除することができます。色は設定されていません(少なくともChromeでは)。 –
「初期」を使用する必要があることがあります。私はこのようなプロパティをキャンセルする必要はなかった。 – pol