如何使用css为其他元素中的元素设置样式？

Question

css是否有办法仅将某种样式添加到某个其他元素中的元素？例如：某个div元素中的textareas将具有某种样式，但其他textareas将不具有该样式。

Answer 1

HTML：

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

的CSS：

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

Answer 2

是：

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

Answer 3

你可以这样做：

div.classname textarea
{
    // css
}

Answer 4

<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 5

.foo textarea {
    color: red;
}

使用类foo更改元素内所有文本区域的字体颜色。

Answer 6

对于所有textareas

textarea{color:black}

对于id为“mydiv＆＃39;

的div中的某个textarea

#mydiv > textarea{color:red}

对于某个div中的某个textarea，有一个类＆＃39; mydiv＆＃39;

.mydiv > textarea{color:gray}

Answer 7

你可以在没有或没有新的CSS选择器的情况下这样做，这是 - ＆gt; .yourclass img{}或.yourclass->img{}会做同样的事情。