懸停在類工作不

-3

我有以下的html：是dinamically通過jQuery創建懸停在類工作不

<div class="box"> 
    <div class="div box_position" id="something" style="some style" onlick="somefunction"</div> 
</div>

這些標籤。

現在我有以下的CSS：

.box :hover { 
    background-color:red; 
} 

.div box_position :hover{ 
    border-color:black; 
    font-size:20px 
}

當我懸停在它工作的父母，但是當我懸停內容（DIV框位置），它不會改變邊框的顏色或字體，我錯過了什麼？

來源

2016-08-18 user3442470

修復你的div！修復你的CSS！在問問題之前！你正在讓每個人的答案沒有意義，因爲你不斷改變HTML和CSS。 –

有幾件事情...

1與=標誌錯誤地定義空間。

您需要定義它像這樣：

border-color: black;

2你的第二個風格定義爲box_position類缺少.。此外，我會將其更改爲box-position以符合大多數命名約定。

您需要定義像這樣的風格：

.div .box-position:hover { 
    border-color: black; 
}

3恕我直言，你並不真的需要定義一個名爲div類，所以你可以從樣式定義中刪除此。你可以只聲明您的選擇爲「一個div裏面的東西」，：任何在一個div;「叫box-position

像這樣

div .box-position:hover { 
    border-color: black; 
}

這是說。」並擁有一流的box-position - 應用下列樣式」

4你內心div缺少一個右尖括號（>）

應該是這樣的：

<div class="div box_position" id="something" style="some style" onlick="somefunction"> 
Some content 
</div>

。

此外，請確保您正在爲您的邊框定義寬度，除非這是在其他地方聲明的。

您可以只用一行定義邊框的樣式。像這樣：

div .box-position:hover { 
    border: 1px solid black; // Give me a 1px border that has a black, solid line 
}

最後。我會考慮你的選擇器，並看看http://www.w3schools.com/cssref/css_selectors.asp以熟悉選擇器意味着什麼以及如何使用它。

當你在將來定義你的風格時，這會有很大的幫助。

希望這會有所幫助！

來源

2016-08-18 18:41:54

正確的答案，謝謝，第3點是關鍵，我複製的其他東西粘貼html像個白癡， – user3442470

是的，你有一個錯字 border-color=black;

把:代替=

來源

2016-08-18 18:34:02

謝謝，我改了它，但問題仍然存在 – user3442470

應該.box_position及用途：（不等於） Assumining你沒有邊界

.div .box_position :hover{ 
    border-style: solid; 
    border-color: black; 
    border-width: 1px; 
}

並且還刪除不當內聯樣式..（如果內聯失敗，樣式不起作用）適當的onclick函數調用

<div class="box"> 
    <div class="div box_position" id="something" onlick="somefunction()"</div> 
</div>

來源

2016-08-18 18:36:56 scaisEdge

好吧，我改了它，但它仍然不起作用 – user3442470

我已更新答案 – scaisEdge

兩件事情：

內格無法正常關閉（丟失>）。
CSS中的錯誤：應該是.div.box_position而不是.div box_position。

直播代碼：http://codepen.io/anon/pen/ZOkbNY

編輯：

此外，你必須指定邊界（在附加codepen完成）的寬度和類型。

來源

2016-08-18 18:38:59

你不應該把

你 border-color之間

.box :hover (incorrect) 
.box:hover (correct)

來源

2016-08-18 18:39:29

懸停在類工作不

回答

相關問題