HTML5学习_day02(3)--css伪类选择器
2016-09-21 19:38
267 查看
什么叫伪类?
伪类就是根据一定的特征对元素进行分类,而不是根据内容,名称,属性。
感觉就是鼠标在标签位置的四种状态,用超链接来说link 超链接静止时的样式
visited 当超链接被点击过后的样式
hover 当鼠标移动到超链接的样式
active 当鼠标单击超链接时的样式(应该是鼠标按下却未放开时的样式)
语法:
1)选择器:link{
具体样式;
}
适用:只有a标签有这个伪类,定义了超链接未点击的元素
用法:
div:link{
具体样式;
}
2)选择器:vistied{
具体样式
}
适用:只有a标签有这个伪类,定义了超链接且被访问过的元素。
div:visited{
具体样式;
}
3)选择器:hover{
具体样式
}
适用:所有标签有这个伪类,定义了鼠标悬浮该元素时要呈现的状态。
div:hover{
具体样式;
}
4)选择器:active{
具体样式
}
适用:只有a标签有这个伪类,定义了鼠标点击该元素时要呈现的状态。
div:active{
具体样式;
}
相关文章推荐
- HTML5学习_day02(1)--css高级选择器
- HTML5学习_day02(2)--css层次选择器
- CSS学习(二)-结构伪类选择器、属性选择器
- CSS3+Html5学习笔记之CSS3多类选择器
- HTML5学习_day01(4)--css内部样式之选择器
- HTML5学习_day13(2)--nth-child(n)伪类选择器(多标签时不通过id,class来快速选中标签)
- <学习CSS>第二天笔记-选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)
- CSS3+HTML5学习笔记四--CSS三栏布局-宽度只适应
- 学习记录CSS :active 伪类
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素
- css学习笔记之选择器
- css 选择器 学习
- 韩顺平_php从入门到精通_视频教程_第11讲_初识css_类选择器_id选择器_html选择器_学习笔记_源代码图解_PPT文档整理
- 简单了解学习CSS的伪类(特别是hover,actived)
- CSS属性、伪类选择器,CSS3选择器
- 第五节 CSS学习——id选择器
- Html5 JumpStart学习笔记2:CSS Selectors and Style Properties
- CSS 3中伪类选择器在生成菜单中的应用
- HTML、CSS和JavaScript学习二(Css样式选择器及各选择器的优先级)
- css3学习 之 css选择器(结构性伪类选择器)