CSS - 特定のクラスの子要素のスタイルルールを設定できますか？

Question

クラスの子要素のCSSルールを作成する方法はありますか？私が持っている場合、すなわち

：

<div class="special"><p>Hello There</p></div> 

"こんにちは" の両方の15になります：私はこれを行うとなるよう

.special { 
    font-size:15px; 
} 

私はその後

.special p{ 
    font-weight:bold; 
} 

を持つことができますポイントと太字で？

Answer 1

あなたは正しいです。

• Descendant combinators：スペックから

以下セレクタ：

h1 em 

h1 要素の子孫であるem要素を表します。

• Child combinators：

以下セレクタbodyの子であるp要素を表す：

body > p 

次の例では、子孫コンビネータと子結合子を組み合わせ。

div ol>li p 

はli要素の子孫であるp要素を表します。 li要素はol要素の子でなければなりません。 ol要素はdivの子孫である必要があります。 ">"コンビネータの周りの任意の空白が削除されていることに注意してください。

Answer 2

はいchild tagの代わりにparentにスタイルプロパティを割り当てると、自動的に割り当てられます。

.special { 
    font-size:15px; 
} 
.special p{ 
    font-weight:bold; 
} 

でもこれは、作品

.special { 
    font-size:15px; 
    font-weight:bold; 
} 

しかし、それは別に対象要素にスタイルプロパティを割り当てることが良いことです。どんな性質が.specialとp tagに割り当てられているかを理解することが容易になります。