(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即鼠标经过时的样式效果！

onblur 是原生 js 的写法，可以直接写在元素的属性中或者在脚本中定义；

<input type="text" id="demo" onblur=" demo() " >，或者

<script>

function demo(){

}

或者不在元素属性中使用 onblur，而是直接用js 绑定时事件

var demo = document.getElementById('demo')

demo.onblur = function(){

}

</script>

blur 才是jQuery 的方法，直接绑定对象；

$( '#demo' ).blur( function(){

} )

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

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