CSS笔记-除了a标签外的hover属性的应用

CSS笔记-除了a标签外的hover属性的应用内容简介：以下写的可能对于大部分网友来说可能很简单，但是我自己确实是不知道的。有一段这样的html: div a href=# img alt=i am an img src=img.jpg/ /a /div 一般hover这个css伪类对于以下写的可能对于大部分网友来说可能很简单，但是我自己确实是不知道的。
有一段这样的 html:

<div>
<a href="#">
<img alt="i am an img" src="img.jpg"/>
</a>
</div>
一般hover这个 css伪类对于除a标签外的标签是不起作用的（FF浏览器下可以起作用，IE6下不可以）：如下

img:hover{
border:1px solid #000;/*FF下有效果,IE6下没有效果*/
}
这么好的一个伪类真浪费了！！然而实际上是有办法的实现非a标签的hover功能的,如下写:

a:hover img{
border:1px solid #000;/*可以理解为鼠标在其上的a里面的img标签*/
}
^0^很简单就实现了,不用编辑麻烦的JS语句了!

转自：http://syue.com/edu/Web/CSS/12683.html

CSS笔记-除了a标签外的hover属性的应用相关推荐

blr不是已知的css属性名,css笔记
背景图片满屏显示: .mainbody{position:absolute; top:0; left:0; height:100%; width:100%; background-image:url( ...
CSS学习笔记-04 a标签-导航练习
个人练习,各位大神勿笑 .. <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
HTML+CSS学习笔记(2) - 认识标签（1）转载
HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@ ...
Html 和 CSS笔记
html 和 css 原文链接:https://blog.csdn.net/Lin16819/article/details/102759862 不断学习,后期的新增笔记会继续加到文章上方点击链接后 ...
慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
HTML与CSS笔记
HTML与CSS笔记一.HTML: IDE快捷键: tab:补全标签 ctrl+/:快速注释常用标签: <h1.h2--h6:六级标题 <p:段落 <strong:粗体 < ...
HTML+CSS笔记（当作工具书使用）
说明:该笔记为学习<千锋教育_最新版/前端/Web前端/HTML5/教程1000集全套视频带项目>时所整理 ①拨云见日 HTML基础 Web前端的三大核心技术: HTML:结构 CSS:样 ...
html+css笔记1
HTML超文本标记语言定义网页的基本组成网页的特点网页的兼容问题网页的结构文档声明 meta元素常用标签块级元素与行内元素的转换 css属性之display 基线对齐问题 CSS样式 ...
前端三件套之css笔记
目录一.CSS:层叠样式表.简称:CSS样式/级联样式表二.语法结构四.图层切图五.CSS属性书写顺序一.CSS:层叠样式表.简称:CSS样式/级联样式表主要作用:美化HTML,让网页 ...

CSS笔记-除了a标签外的hover属性的应用

CSS笔记-除了a标签外的hover属性的应用相关推荐

最新文章

热门文章