在ul li标记到span文本后,样式不会继承

时间:2013-02-01 09:23:43

标签: html-lists html inheritance

考虑以下html代码。父段落样式应该继承到最后一个文本。但是,段落样式不会继承到最后一个文本。标签引起了一些问题。如果没有标记,则最后一个文本将按照段落类中的定义进行样式设置。

<body>
<p class="paragraph_class1">
    <span>Start paragraph.</span>
    <ul class="list_class3">
        <li class="paragraph_class1 list_detail_class4">
            <span class="text_class5">List item</span>
        </li>
    </ul>
    <span>End paragraph.</span>
</p></body>

    .paragraph_class1
{
color: #ff0000;
border-top-color: #0000ff;
border-left-color: #0000ff;
border-right-color: #0000ff;
border-bottom-color: #0000ff;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
background-color: #000000;
}

1 个答案:

答案 0 :(得分:0)

为什么不直接将类添加到span标记中:

<span class="paragraph_class1">End paragraph.</span>

请记住将css包含在样式标签中

通常你不应该在p-tags中嵌套ul-tags