想各位佬帮忙看看前端的问题

一个瓜皮

已经搞定了，感谢各位大佬的回复

坏人。丶

表达的有点乱。。。放在DIV上就显示下拉菜单是因为你css样式就是这样写的。建议上开源网站直接看例子 进行模仿理解

npc404

表达确实乱，你所说的更改菜单样式的class选择器是指class="product"这个吧？写在ul标签中的a标签不生效是因为你css里这句.product:hover .inblock{display: block}，这个的意思是鼠标悬浮在class为product的元素上时，这个元素的后代元素中那些class有inblock的元素表现为块级元素，你写在a标签里就不构成后代关系了。上面的老哥说的没错，建议你网上找别人写的例子看看，或者找个css教程看下，一步一步来

415891872

看不懂描述的问题， 样式不生效是指的什么不生效，直接写a标签的话是权重的问题。 并且a标签有自己默认的样式。  鼠标移入的时候显示 是写了个:hover 这个可以百度查一下 css的爱恨情仇。 鼠标移入会出发：hover样式

一个瓜皮

npc404 发表于 2022-8-15 22:14
表达确实乱，你所说的更改菜单样式的class选择器是指class="product"这个吧？写在ul标签中的a标签不生效是 ...

噢噢，就是说要构成后代关系，这个时候才能生效嘛？

一个瓜皮

坏人。丶 发表于 2022-8-15 21:18
表达的有点乱。。。放在DIV上就显示下拉菜单是因为你css样式就是这样写的。建议上开源网站直接看例子 进行 ...

确实有点乱，我想表达的是如果放在div外面，可以生效，但是如果放在ul的a标签里，鼠标移动过去就不会有反应

一个瓜皮

415891872 发表于 2022-8-15 22:41
看不懂描述的问题， 样式不生效是指的什么不生效，直接写a标签的话是权重的问题。 并且a标签有自己默认的 ...

好的，谢谢大佬

luchaojin

那个  正常来说不应该是<ul><li></li></ul>这样包裹么   你怎么把li 跟ul  放到同一级里面了

一个瓜皮

luchaojin 发表于 2022-8-16 09:02
那个  正常来说不应该是这样包裹么   你怎么把li 跟ul  放到同一级里面了

我不造呀，我前端小白

luchaojin

一个瓜皮 发表于 2022-8-16 09:15
我不造呀，我前端小白

<style>
.dian{
display:none
}
ul li:hover .dian{
display:block
}
</style>
<div>
  <ul>
    <li>
      <a>百度一下</a>
      <div class="dian">点一下</div>
    </li>
  </ul>
</div>