遍历css语法错误和混淆

Question

<div class="panel-heading">
                <h4 class="panel-title">
                    <a href="#">    
                        <li class="title other">0-9</li>
                    </a>
                </h4>
            </div>

为什么它不能像这样工作？我不想为<li>

使用任何类

.panel-title a li{

}

Answer 1

这是因为<li>必须在<ul>

之下

和

<a>不能拥有<ul>

您的HTML无效

Answer 2

CSS是正确的。

HTML错误：

<div class="panel-heading">
    <h4 class="panel-title">
        <a href="#">    
            <ul>
                <li class="title other">0-9</li>
            </ul>
        </a>
    </h4>
</div>

您无法在没有父<li>标记的情况下记下<ul>代码。