CSSを使って他の要素内の要素をスタイルする方法は？

Question

ある特定のスタイルを他の要素内の要素にのみ追加する方法はありますか？たとえば、特定のdiv要素内のテキストエリアには特定のスタイルがありますが、他のテキストエリアにはそのスタイルはありません。クラスfoo持つ要素内のすべてのテキスト領域のフォントの色を変更

Answer 1

はい：

div.your-style > textarea{ 
    height: 60px; 
} 

Answer 2

<div id="xxx" 

<div class="yyy" 

css: 

#xxx{ anything with id xxx 
} 

.yyy{ anything with class yyy 
} 

div{ all div(s) 
} 

div.yyy{ the div with class yyy 
} 

div #xxx{ the div's sub element with id xxx 
} 

div .yyy{ the div's sub element with class yyy 
} 

.yyy div{ any div inside a element with class yyy 
} 

Answer 3

.foo textarea { 
    color: red; 
} 

。

Answer 4

は、次の例のようにこれを行うことができます：IDを持つdivの内側に一定のTextAreaの

div.classname textarea 
{ 
    // css 
} 

Answer 5

すべてのテキストエリアについては

textarea{color:black} 

'をmydiv'

#mydiv > textarea{color:red} 

クラスのmydiv "とdivの内側に一定のTextAreaの

.mydiv > textarea{color:gray} 

Answer 6

あなたはなしたりせずにこれを行うことができ、新しいCSSセレクタ、 - > .yourclass img{}または.yourclass->img{}のいずれかが同じことを行います。

Answer 7

HTML：

<div id="dv1"> 
    <div class="dv2"></div> 
</div> 

CSS：OPはCSSに明らかに新しいですので

#dv1{ ... } 
.dv2{ ... } 
#dv1 .dv2{ ... }