忽略 CSS 大小写

Question

出于某种原因，右栏中的精选文章忽略了“#elementtext”和“#elementtext:hover”属性。仅显示“p.element”和“img.element”。

有什么想法吗？

谢谢 - 塔拉

奖励:我还试图让“p.element”文本在“#elementtext”框中居中 float (垂直和水平 - 同时左对齐)。

#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

span 是一个内联元素，你不能在里面放标签添加 display:block 到你的#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;
}