忽略CSS套管

Question

由於某些原因，右欄中的精選文章忽略了'#elementtext'和'#elementtext：hover'屬性。只顯示'p.element'和'img.element'。

任何想法？

謝謝 - 塔拉

獎勵：我也想獲得「p.element」文本浮動中央（垂直和水平 - 同時左對齊）在「#elementtext」框。

#elementtext { 
     height: 90px; 
     width: 150px; 
    margin-left: 1px; 
    background: #c3c3c3; 
    padding: 0px 10px 0px 5px; 
} 
p.element { 
     height: 85px; 
     width: 145px; 
    padding: 2.5px 2.5px 2.5px 2.5px; 
} 
#elementtext:hover{ 
    background:#ff9999; 
    cursor:pointer; 
} 

Answer 1

跨度是一個內聯元素，你不能把標籤它 顯示加：塊到您的#elementtext

這樣的

#elementtext { 
display:block; 
height: 90px; 
width: 150px; 
margin-left: 1px; 
background: #c3c3c3; 
padding: 0px 10px 0px 5px; 
} 

編輯我覺得你有class =「elementtext」 所以你把。它的前面沒有＃

.elementtext { 
display:block; 
height: 90px; 
width: 150px; 
margin-left: 1px; 
background: #c3c3c3; 
padding: 0px 10px 0px 5px; 
} 

Answer 2

通過它的聲音，你有多個elementtext實例。如果是這種情況，那麼這些應該是類而不是IDS。一個CSS ID在整個頁面中應該是唯一的。

嘗試下面的HTML：

<span class="elementtext">Test</span> 

而CSS：

.elementtext { 
    height: 90px; 
    width: 150px; 
    margin-left: 1px; 
    background: #c3c3c3; 
    padding: 0px 10px 0px 5px; 
} 
p.element { 
    height: 85px; 
    width: 145px; 
    padding: 2.5px 2.5px 2.5px 2.5px; 
} 
.elementtext:hover{ 
    background:#ff9999; 
    cursor:pointer; 
}