2016-07-18 3 views
0

は、次のHTMLを考えてみましょう:階層要素に基づいて条件付きCSSを設定することはできますか?

<div> 
    <p> 
    <strong>Title</strong> 
    </p> 
    <p> 
    some resular text.... 
    </p> 
</div> 

私はそれはそれは内部の「強い」を持っている場合にのみ、段落にパディングを追加したいです。

CSSのみ(JSなし)を使用することは可能ですか?

+2

は、あなただけの強力なタグにパディングを追加できませんでしたし、それは同じ結果を生み出すのでしょうか? –

+2

[CSS親セレクタはありますか?](http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector) – DAXaholic

答えて

0

はい、あなたはこれを行うだろう:

p > strong { 
    padding:10px; 
} 
0

はい、できます。ルールの学習については、this postを参照してください。

デモ:https://jsfiddle.net/n05jaua4/3/

HTML:

<div> 
    <p> 
    <strong>Title inside paragraph</strong> 
    </p> 
    <p> 
    some resular text.... 
    </p> 
</div> 
<strong>Title</strong> 

CSS:あなたの例では

p strong{ 
    padding-top: 50px; 
    padding-right: 30px; 
    padding-bottom: 50px; 
    padding-left: 80px; 
} 
関連する問題