如何使用CSS設計其他元素中的元素？

是否有一種方式與CSS添加一定的風格只對某些其他元素內的元素？例如：某個div元素中的textareas將具有某種樣式，但其他textareas則不具有該樣式。如何使用CSS設計其他元素中的元素？

2012-02-12 Proffesor

是：

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

來源

2012-02-12 23:30:04

由於OP顯然是新的CSS，但應注意的是，這僅適用於文字區域是在div的*直接*孩子，如果它們是包裝在標籤或其他div中，則不起作用：http://reference.sitepoint.com/css/childselector。 OP可能需要一個簡單的[後代選擇器]（http://reference.sitepoint.com/css/descendantselector）。 – 2012-02-12 23:38:36

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

來源

2012-02-12 23:29:21

.foo textarea { 
    color: red; 
}

與一類foo更改所有文本區域的內部元素的字體顏色。

來源

2012-02-12 23:29:50 Arjan

例如，你可以這樣做：

div.classname textarea 
{ 
    // css 
}

來源

2012-02-12 23:32:00 iDifferent

對於所有的文字區域

textarea{color:black}

對於某些textarea的id爲 'mydiv'

一個div內

#mydiv > textarea{color:red}

使用類「mydiv」一個div

.mydiv > textarea{color:gray}

來源

2012-02-12 23:34:39

你可以做到這一點沒有或沒有新的CSS選擇器，這是內部的某些文本區域 - > 要麼.yourclass img{}或.yourclass->img{}會做同樣的事情。

來源

2012-02-13 00:46:31

HTML：

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

CSS：

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

來源

2012-02-13 03:06:00

這看起來是一個很好的例子 – Ravia 2012-02-13 15:44:51

如何使用CSS設計其他元素中的元素？

回答

相關問題