css怎么默认打开第一个一级菜单

html-css08

css怎么默认打开第一个一级菜单,第1张

给所有的选项卡添加style : display:none;

然后写一个class: .on{display: block}

将这个class给第一个选项卡。

用js或者jQuery写:当鼠标移动到选项卡上方时,给该选项卡添加class(.on):addClass("on"),鼠标离开时移出class(.on):removeClass("on

这种写法的CSS修改起来不是很方便,因为ul里面套li再套ul再套li,改二级菜单里的li要好改一点,毕竟ul li li这样的层级权重也高,但是ul li这样的结构直接把所有的li都修改了,现在说说解决方法,给一级菜单里的li新加一个class,不要用#trans-nav li这样的,到时直接通过class来选取,二级菜单就可以用.className li这样的形式来写了。