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

html-css019

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

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

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

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

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

这个情况css是筛选不出来的呢,就好比一碗水里面你取一瓢,取上来的还是水呢!

以你现在的代码来看,

泛选择 .hebody .loc    (这样写就选择了所有的hebody下的loc类)

单独选择 .header div:nth-child(2) .loc        (这样写就单独选择了第一个含有loc类的容器了)

希望能帮到你!

.content:first{...}

.content:nth-child(1){...}

CSS3 :nth-child() 选择器

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。

CSS :first-child 选择器

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。