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实例。如果是这种情况，那么这些应该是类而不是ID。 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;
}

Answer 2

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

CSS套管被忽略

2 个答案: