学院班级姓名
一、单项选择题(每套20题，每题2分，共40分)
1、关于web标准以下说法错误的是（b）
A、Web标准是一个复杂的概念集合，它由一系列标准组成
B、这些标准全部都由W3C起草与发布
C、Web标准可以分为3个方面
D、Web标准里的表现标准语言主要包括CSS
2、以下是
元素作用的是（a）
A、该元素用来定义文档类型
B、该元素用来声明命名空间
C、该元素用来向搜索引擎声明网站关键字
D、该元素用来向搜索引擎声明网站作者
3、以下可将一对象的背景色透明度改为80%的声明是：（d）
A、filter:alpha:(opacity=80);
B、filter:alpha:opacity=80;
C、filter:alpha:(opacity:80);
D、filter:alpha(opacity=80);
4、以下选项中，可以解决超链接访问过后hover样式不出现问题的是：（b）
A、重新书写关于连接状态的CSS样式
B、改变关于链接状态的CSS属性排列顺序:L-V-H-A
C、将关于链接状态的CSS属性全部写再a中
D、以上说法都不对
5、阅读以下代码：
body{margin:0}
div{float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red}
解析正确的是：（C）
A、浮动后外边距10px,但FF解释为20px
B、浮动后本来外边距20px,但IE解释为10px,解决办法是加上display:block;
C、浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline
D、以上说法都不对
6、“滑动门技术”的原理是（b）
上一页下一页}

首页 \ 问答 \ 当孩子们盘旋在一起时，如何使CSS菜单中的父对象保持悬停状态(How to make a parent object
in CSS menu stay in hover state when children are hovered over)
我正在尝试使菜单工作，以便在选择子菜单/子菜单时菜单保持悬停状态：
看这里的例子： http ： //cssdesk.com/5vJP6
如果有人能解释需要添加到CSS中的内容以使这项工作变得更好。 我不想使用任何外部JavaScript来实现这一点！
我在这里看了几个类似的问题，但他们的答案都没有对我有用
谢谢
I'm trying to make a menu work so that the menu remains in hover state when it's submenu/child menu is selected:
see example here: http://cssdesk.com/5vJP6
If anyone could explain what needs to be added to the CSS to make this work that would be great. I don't want to use any external javascript to make this happen!
I've had a look at a couple of similar questions here, but none of their answers worked for me
thanks
更新时间：2023-01-29 17:01
相关问答
更多
检查链接时，Firebug显示默认的CSS状态，即应用于：链接的样式。 默认情况下，不显示：悬停和：活动样式。 幸运的是，您可以通过单击样式并选择适当的选项来更改链接的状态： When inspecting links, Firebug shows the default CSS state, i.e. styles applied to a:link. By
default, the :hover and :active styles are not shown. Fortunately, you can ...
这个想法如下： .megaMenuContainer { height:auto; } .category-item { height:2em; } .category-item:hover { height:3em; } 事实上，如果你把父母的高度等于auto，那么子元素的高度将会跟着它。 This is not possible with pure CSS like
I wanted with the current structure so I decided to go with ...
您可以通过使用以下css选择器ul#nav li.currentParent > ul来执行此操作，如下所示： CSS ... ul#nav li.currentParent > ul, // Add this ul#nav li:hover > ul { position: absolute; display: block; width: 97%;
height: 35px; margin: 35px 0 0 0; background-color: #e0 ...
您将需要使用javascript或jQuery。 这是你想要实现的目标： https://jsfiddle.net/on5Lfmoo/1/ 这是代码： $('.logo').mouseenter(function(){ $('.holder').addClass('open'); }); $('.holder').mouseleave(function(){
$('.holder').removeClass('open'); }); .menu { transform: translat ...
你应该能够改变这一点 .primary-navigation ul li a:hover { background: #f39cbd; } 对此 .primary-navigation ul li:hover a { background: #f39cbd; } 这样，当您将鼠标悬停在父li上时，主导航项的颜色会发生变化。
由于子菜单也应该放在这里，所以在子菜单上移动时悬停仍然会被触发，所以链接的颜色也应该保持悬停状态。 You hould be able to change thi ...
只用css 就可以了。 例如：如果菜单由嵌套列表组成： li:hover { background: #color; } li:hover ul { display: block; } li:hover ul li {} 小提琴： http ： //jsfiddle.net/maniator/ZC4xv/ 上例中的CSS： #nav-menu > li {
background: orange; float: left; padding: 10px; b ...
如果您在示例中保留HTML结构，那么您可以尝试这样做： $('nav ul > li a').hover(function(){ $(this).next('.blueLine').stop().animate( {'width':'100%'}, 200, 'linear');
$(this).closest('ul').prev().stop().css('width','100%'); },function(){ $(this).next('.blueLine').stop().a ...
我补充说： #menuh ul li:hover a {color: black !important; border-bottom: 1px dashed #C1D9F0 !important; } #menuh ul li:hover li a {color: #505050 !important;} #menuh ul li:hover li a:hover
{color: #297BB6 !important; } 哪解决了我的问题:-) I added this: #menuh ...
您只需要添加:hover状态。 .dropdown:hover .dropbtn { background: aqua; } /* Dropdown Button */ .dropbtn { background-color: transparent; color: #585558; padding: 16px; font-size: 1em; border: none;
cursor: pointer; font-weight: bold; } ...
尝试这个 .hover-li:hover > a { color: blue !important; } 它只会影响直接的孩子 Try this .hover-li:hover > a { color: blue !important; } it only affects direct children
}