css - 忽略CSS shell

由于某些原因，右栏中的特色文章会忽略“ #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;
}

最佳答案

span是一个内联元素，您不能在其中添加标签
在您的#elementtext中添加display：block

像这样

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

关于css - 忽略CSS shell ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5930655/