(css)中a.on:hover是什么意思

html-css017

(css)中a.on:hover是什么意思,第1张

a是连接标签，在css中叫标签选择器，a.on 在html中为a标签定义了class类别on的选择器！前者具有广泛性对所有a标签有效，后者具有指定性即只有设这了class为on的a标签才有效！a.on:hover是定义了class为on的a标签的hover即鼠标经过时的样式效果！

html：<div id="a"><img src="../a.jpg" class="on" ><img src="../b.jpg"></div>

CSS：#a img.on 的样式只有上面html代码中第一个img才会引用。

给所有的选项卡添加style ： display：none；

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

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

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