如何分配css？

HTML：

<div class = "mydiv">Text</div> 
    .... 
<div class = "mydiv1">Content</div>

CSS：

.mydiv { 
    position: absolute; 
}

在這裏，我想在CSS指定寬度mydiv1類的類mydiv內。 ie）我想爲'mydiv2'分配寬度，當它遵循'mydiv'時。我該如何實現它？

來源

2017-07-05 Nivitha G

而不是「裏面」，你的意思是你想要選擇'.mydiv1'當* * .mydiv'後出現*嗎？ – Terry

你的問題不清楚。標題中提到的「條件」是什麼？ '.mydiv1'元素在'.mydiv'元素中是** not **。你的意思是你想爲'mydiv1'設置寬度，當它跟隨**'.mydiv'？ –

是的。我想爲.mydiv後面的mydiv1設置寬度。 –

你可以這樣做：

.mydiv .mydiv1 { 
    width: //your width 
}

來源

2017-07-05 06:37:48

但'.mydiv1'不在'.mydiv'裏面。 –

@淘氣的忍者，我試過了。但寬度不能引用。 –

.mydiv .mydiv1 {width：100px; position：absolute;} –

你必須改變你的一點HTML。下面是一個使mydiv和mydiv1的寬度相同的命題，因爲它是容器控制它的。

.container { 
 
    position: absolute; 
 
    width: 100px; 
 
} 
 

 
.mydiv { 
 
    background: pink; 
 
} 
 

 
.mydiv1 { 
 
    background: yellow; 
 
}

<div class="container"> 
 
    <div class="mydiv">Text</div> 
 
    <div class="mydiv1">Content</div> 
 
</div>

來源

2017-07-05 06:38:52 Kiwad

你似乎想sibling combinator (~)：

.mydiv ~ .mydiv1 { 
    width: 234px; 
}

這將設置.mydiv1元素的寬度，如果它如下的.mydiv元素。

來源

2017-07-05 06:39:20

僅僅用逗號分隔它們就足夠了嗎？ .mydiv，.mydiv1 {width：234px;} –

@OlivierKrull這會在'.mydiv1'元素上設置完全獨立於'.mydiv'的寬度。 –

嗯好吧，也許我誤解了這個問題，我以爲他只是想將.mydiv1寬度設置爲與.mydiv相同的witdh。問題不明確。 –

如何分配css？

回答

相關問題