將css樣式應用於子元素
[英]Apply css style to child element
問題描述
這是一個示例示例
<html>
<head>
<style>
.test > input { //this is wrong.
color:red;
}
</style>
</head>
<body>
<div class="test">
<div>
<input></input>
</div>
</div>
</body>
</html>
我想要做的是將樣式應用於輸入元素。 如何選擇輸入元素。 在div的css樣式名稱的幫助下。
4 個解決方案
解決方案1
11 已采納 2013-08-13 02:43:57
你可以使用.test input （這將適用於<div class="test">每個輸入）。
你的CSS >只選擇直接后代
解決方案2
3 2013-08-13 02:43:29
div.test input{
}
將樣式嵌套在類test的div中的所有輸入
div.test input:first-child{
}
將僅設置第一個嵌套輸入的樣式。
“>”運算符只設置直接后代元素的樣式，因此它不會設置您的輸入樣式，因為您有div.test> div>輸入，div.test和輸入之間的div使得輸入不直接下降到div。測試
解決方案3
2 2013-08-13 02:45:10
如果你想使用帶有class =“test”的div將樣式應用於輸入，你可以這樣做
<style>
.test > div > input {
color:red;
}
</style>
解決方案4
0 2016-05-20 20:17:11
由於之前沒有其他答案提到過，對於這種特殊情況，您也可以使用*選擇器。 它匹配孫子孫后代的后代。 您可以這樣使用它： .test * input 。
已經使用：nth-child時，將CSS樣式應用於type的第一個元素
[英]Apply CSS style to the first element of type when already using :nth-child
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.