Html 鼠标悬停可更改我的所有li标记

我有这个代码，它只是一个简单的列表，使菜单

ulli{
位置：相对位置；
顶部：55px；
高度：30px；
背景：#212；
显示：内联块；
宽度：29%；
利润率：1%；
页边距底部：0；
填充物：5px；
-webkit边框右上角半径：30px；
-moz边框右上角半径：30px；
-ms边框右上角半径：30px；
-o-边界-右上-半径：30px；
边框右上角半径：30px；
-webkit边框左上半径：30px；
-moz边框左上半径：30px；
-ms边框左上半径：30px；
-o-边框-左上-半径：30px；
边框左上半径：30px；
}
ulli：悬停{
盒影：1px 1px 10px白色；
位置：相对位置；
顶部：20px；
高度：60px；
垫面：1.5em；
字体大小：20px；
}

将您的ul-li包装在一个div中，并给该div一个类。然后瞄准那个部门的ulli

HTML

或者以a为目标

.menu ul a li:hover {/* your css */}

---

把你的ul-li包在一个div里，给这个div上一节课。然后瞄准那个部门的ulli

HTML

或者以a为目标

.menu ul a li:hover {/* your css */}

---

您的HTML无效，您只能将

li

作为

ul

更改并删除

中的所有内容：将
字体大小和
框阴影（正是您刚才删除的那些）以外的
规则悬停，并将
li中的
填充应用到
a


ulli{
列表样式：无；
位置：相对位置；
顶部：55px；
高度：30px；
背景：#212；
浮动：左；
宽度：29%；
利润率：1%1%0；
边界半径：30px 30px 0
}
ullia{
填充物：5px；
显示：块；
颜色：白色；
文本对齐：居中
}
ul li：悬停a{
盒影：1px 1px 10px红色；
字体大小：20px；
}







您的HTML无效，您只能将
li
作为
ul

更改并删除
中的所有内容：将
字体大小和
框阴影（正是您刚才删除的那些）以外的
规则悬停，并将
li中的
填充应用到
a


ulli{
列表样式：无；
位置：相对位置；
顶部：55px；
高度：30px；
背景：#212；
浮动：左；
宽度：29%；
利润率：1%1%0；
边界半径：30px 30px 0
}
ullia{
填充物：5px；
显示：块；
颜色：白色；
文本对齐：居中
}
ul li：悬停a{
盒影：1px 1px 10px红色；
字体大小：20px；
}







首先，您的HTML是错误的
应该是
或
的直接子项，但您有这个。第二，您可以像这样以hover元素为目标
ul>li:hover{enter your styles here}
和here
ul li{}
使用此样式
ul li{vertical align:top；}
，因为您使用的是
内联块
，所以需要使用
vertical align

首先，你的HTML是错误的
应该是
或
的直接子项，但您有这个。第二，您可以像这样以hover元素为目标
ul>li:hover{enter your styles here}
和here
ul li{}
使用此样式
ul li{vertical align:top；}
，因为您使用的是
内联块
，所以需要使用
vertical align

这是小提琴
你也能展示一下你的html吗？给你的html代码你也能显示你的html吗？或者更好的是，一个fiddle.give你的html代码的问题是与悬停，我有ul-li:hover代码，出于某种原因，字体大小也适用于“非活动”li。有趣的是，框阴影或定位部分仅适用于我悬停的li。html仍然无效。问题在于悬停，我有ul li:悬停代码，出于某种原因，字体大小也适用于“非活动”li。有趣的是，框阴影或定位部分只适用于我悬停在上面的li。html仍然无效，我写它的方式也是如此。我想把我的
包在一个文件夹中，这样整个按钮都可以点击。你写它的方式用户必须点击“菜单”这个词。你测试过我的代码片段吗？？只需将
li
鼠标悬停在任何地方，即使在黑色背景下也能正常工作。。。这就是为什么将您的
框阴影
更改为红色，以增强其效果。你的HTML是无效的，它可以工作，但是哪一行使整个li，整个按钮成为一个链接？当我尝试不使用你的CSS时，只有里面的文本是linkIt，它在我的答案中。。。
a
plus
display:block
中的填充还有一个问题，为什么我的HTML无效？这是什么意思？我的浏览器可以管理我的代码，但我想它只是自动修复了它。我写代码的方式也可以。我想把我的
包在一个文件夹中，这样整个按钮都可以点击。你写它的方式用户必须点击“菜单”这个词。你测试过我的代码片段吗？？只需将
li
鼠标悬停在任何地方，即使在黑色背景下也能正常工作。。。这就是为什么将您的
框阴影
更改为红色，以增强其效果。你的HTML是无效的，它可以工作，但是哪一行使整个li，整个按钮成为一个链接？当我尝试不使用你的CSS时，只有里面的文本是linkIt，它在我的答案中。。。
a
plus
display:block
中的填充还有一个问题，为什么我的HTML无效？这是什么意思？我的浏览器可以管理我的代码，但我想它只是自动修复了它。
.menu ul a li:hover {/* your css */}