在此上下文中，不允许在元素"ul"中使用"ul"标记后的类的文本

Question

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

通过在验证器中运行它，它抛出错误："；在此上下文中，元素ul中不允许出现文本">

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

Answer 1

问题在于类

不是。问题是<ul>元素中的文本。它只能包含<li>、<script>或<template>元素。删除差事". "字符：

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

Answer 2

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