如何使用CSS设计其他元素中的元素？

Question

是否有一种方式与CSS添加一定的风格只对某些其他元素内的元素？例如：某个div元素中的textareas将具有某种样式，但其他textareas则不具有该样式。

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

与一类foo更改所有文本区域的内部元素的字体颜色。

Answer 4

例如，你可以这样做：

div.classname textarea 
{ 
    // css 
} 

Answer 5

对于所有的文字区域

textarea{color:black} 

对于某些textarea的id为 'mydiv'

一个div内

#mydiv > textarea{color:red} 

使用类“mydiv”一个div

.mydiv > textarea{color:gray} 

Answer 6

你可以做到这一点没有或没有新的CSS选择器，这是内部的某些文本区域 - > 要么.yourclass img{}或.yourclass->img{}会做同样的事情。

Answer 7

HTML：

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

CSS：

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