在此上下文中元素“ul”中不允许使用“ul”标记后的类的文本答案

【问题标题】：Text not allowed in element 'ul' in this context using a class after 'ul' tag在此上下文中元素“ul”中不允许使用“ul”标记后的类的文本
【发布时间】：2020-08-06 19:44:04
【问题描述】：

<div class="tm-gallery-header">
                <h2 class="tm-mb-1 text-center">The Gallery Section</h2>
                <ul class="tm-gallery-filter tabs clearfix filters-button-group">
                    <li><a role="button" href="#" class="active" data-filter="*">Show All</a></li>
                    . <li><a role="button" href="#" data-filter=".nature">Nature</a></li>
                    . <li><a role="button" href="#" data-filter=".campus">Campus</a></li>
                    . <li><a role="button" href="#" data-filter=".people">People</a></li>
                </ul>
</div>

通过在验证器中运行它会引发错误：“Text not allowed in element ul in this context.”

问题是tm-gallery-filter tabs clearfix filters-button-group 类给了我动画。所以我必须使用它。帮我找到解决这个错误的方法。

【问题讨论】：

标签： javascript html css responsive-design

【解决方案1】：

问题出在班级

不，不是。问题在于<ul> 元素中的文本。其中can only contain <li>, <script>, or <template> elements。去掉差事". "字符：

<ul class="tm-gallery-filter tabs clearfix filters-button-group">
  <li><a role="button" href="#" class="active" data-filter="*">Show All</a></li>
  <li><a role="button" href="#" data-filter=".nature">Nature</a></li>
  <li><a role="button" href="#" data-filter=".campus">Campus</a></li>
  <li><a role="button" href="#" data-filter=".people">People</a></li>
</ul>

【讨论】：

【解决方案2】：

如果您的 HTML 代码与您的问题完全相同，则错误消息可能是指“。” li 元素前面的字符 - 从技术上讲，这些是 ul 元素（而不是其子元素）中的文本...

【讨论】：