网站 › 『编程语言讨论求助区』 › 想各位佬帮忙看看前端的问题

一个瓜皮 发表于 2022-8-15 20:28

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

本帖最后由 一个瓜皮 于 2022-8-16 09:45 编辑

已经搞定了，感谢各位大佬的回复{:301_1003:}



https://files.catbox.moe/28i57g.pnghttps://files.catbox.moe/7pgul1.pnghttps://files.catbox.moe/eb5623.png

坏人。丶 发表于 2022-8-15 21:18

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

npc404 发表于 2022-8-15 22:14

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

415891872 发表于 2022-8-15 22:41

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

一个瓜皮 发表于 2022-8-16 08:54

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

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

一个瓜皮 发表于 2022-8-16 08:55

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

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

一个瓜皮 发表于 2022-8-16 08:56

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

好的，谢谢大佬{:301_977:}

luchaojin 发表于 2022-8-16 09:02

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

一个瓜皮 发表于 2022-8-16 09:15

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

我不造呀，我前端小白{:301_973:}

luchaojin 发表于 2022-8-16 09:26

一个瓜皮 发表于 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>

查看完整版本: 想各位佬帮忙看看前端的问题