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

html-css021

(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才会引用。

#nav .headli1 a.on{ 

 background:#F3F7FD

 width: 114px

 margin-left: 1px

 background-image: url(/LogService/images/nav1.png)

}

这样控制就可以了

因为你给li写了样式

所以你在写css的时候如果只让.headli1下面的a下的on写样式就可以了