Html 如何使列表可单击?
我目前正在工作,需要一个链接。我使用无序列表创建了这个调色板,然后将其包装在Html 如何使列表可单击?,html,html-lists,Html,Html Lists,我目前正在工作,需要一个链接。我使用无序列表创建了这个调色板,然后将其包装在标记中。我怀疑这不是很有语义。实现这一目标的正确方法是什么 HTML <div class="color-palette"> <a href="#">Modern Feminine</a> <a href="#"> <ul class="color-chips group"> <li class="grey">#999999&
标记中。我怀疑这不是很有语义。实现这一目标的正确方法是什么
HTML
<div class="color-palette">
<a href="#">Modern Feminine</a>
<a href="#">
<ul class="color-chips group">
<li class="grey">#999999</li>
<li class="slate">#666666</li>
<li class="lilac">#99878D</li>
<li class="blush">#7E4A5C</li>
<li class="plum">#372129</li>
</ul><!--.color-chips group-->
</a>
</div><!--.color-palette-->
你不能把列表放在锚中 您需要将列表中的每个单独的项目作为一个单独的链接
<ul class="color-chips group">
<li class="grey"><a href="">#999999</a></li>
<li class="slate"><a href="">#666666</a></li>
<li class="lilac"><a href="">#99878D</a></li>
<li class="blush"><a href="">#7E4A5C</a></li>
<li class="plum"><a href="">#372129</a></li>
</ul><!--.color-chips group-->
如果您不需要链接,因为您实际上没有链接到任何东西(即,您正在执行页面操作),只需一起删除锚定。在附加Javascript onclick事件时,您不需要它们。您不能将列表放入锚点中
<ul class="color-chips group">
<li class="grey"><a href="javascript:;">#999999</a></li>
<li class="slate"><a href="javascript:;">#666666</a></li>
<li class="lilac"><a href="javascript:;">#99878D</a></li>
<li class="blush"><a href="javascript:;">#7E4A5C</a></li>
<li class="plum"><a href="javascript:;">#372129</a></li>
</ul>
您需要将列表中的每个单独的项目作为一个单独的链接
<ul class="color-chips group">
<li class="grey"><a href="">#999999</a></li>
<li class="slate"><a href="">#666666</a></li>
<li class="lilac"><a href="">#99878D</a></li>
<li class="blush"><a href="">#7E4A5C</a></li>
<li class="plum"><a href="">#372129</a></li>
</ul><!--.color-chips group-->
如果您不需要链接,因为您实际上没有链接到任何东西(即,您正在执行页面操作),只需一起删除锚定。附加Javascript onclick事件时不需要它们。
<ul class="color-chips group">
<li class="grey"><a href="javascript:;">#999999</a></li>
<li class="slate"><a href="javascript:;">#666666</a></li>
<li class="lilac"><a href="javascript:;">#99878D</a></li>
<li class="blush"><a href="javascript:;">#7E4A5C</a></li>
<li class="plum"><a href="javascript:;">#372129</a></li>
</ul>
单击后您想做什么?触发单击时是否使用javascript事件?单击后要执行什么操作?当点击被触发时,你会使用javascript事件吗?因为你已经在用JS处理点击,我假设锚纯粹是装饰性的。在这种情况下,您可以使用CSS:
.color-chips:hover {
cursor:pointer;
}
既然你已经在用JS处理点击,我认为锚纯粹是装饰性的。在这种情况下,您可以使用CSS:
.color-chips:hover {
cursor:pointer;
}
单击调色板将触发基于颜色的新页面样式当前答案是否满足您的需要?因此我认为这是解决方案,但我不确定如何在我的案例中应用它,尽管单击调色板将触发基于颜色的新页面样式当前答案是否满足您的需要?因此我认为这是解决方案,但我不是当然,如何在我的案例中应用它,虽然我应该解释得更好一点。基本上,单击调色板将触发页面颜色样式的更改。也许“链接”是个错误的术语?我应该解释得更清楚一点。基本上,单击调色板将触发页面颜色样式的更改。也许“链接”是个错误的术语?