CSS:伪类选择符与分组选择符
2014-11-22 20:21
155 查看
伪类选择符
它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色:a:hover{color:red;}
<style type="text/css"> a:hover{ color:red; font-size:40px; } </style> </head> <body> <p class="first">三年级时,我还是一个<a href="http://www.imooc.com">胆小如鼠</a>的小女孩
关于伪选择符:
关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
==============================================================================================
当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色:
h1,span{color:red;}
它相当于下面两行代码:
h1{color:red;} span{color:red;}
当一个题目是:为第一段设置字体颜色为绿色,第二段的呵呵设置成绿色时使用如下:
.first,#second span{color:green;}
<p class="first">三年级。。。</p>
<p id="secend">wowowo<span>呵呵</span></p>
相关文章推荐
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素
- CSS :hover伪类选择定义和用法
- CSS :hover伪类选择定义和用法
- 07-DIV+CSS-选择器深入-通配符选择器-父子选择器-选择器分组
- <学习CSS>第二天笔记-选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)
- CSS的种类:类/标签样式/ID选择符/伪类
- CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?
- CSS3伪类选择--目标伪类选择器
- CSS伪类选择器之属性选择
- CSS学习(二)-结构伪类选择器、属性选择器
- css学习笔记20160128对齐组合选择符伪类伪元素
- CSS需求,选择器,伪类选择器
- CSS中的属性选择符和结构化伪类
- Css3之高级-1 Css复杂选择器(兄弟选择器 、属性选择器、伪类选择器、伪元素选择器)
- 【css技术指南笔记】 第二章 选择器 伪类
- div+css 选择器分组 属性选择器 css插入方法 css背景属性
- css里面包含选择符与子对像选择符">"的区别
- CSS 选择器——(标记、包含关系、类、id、分组、伪类及伪对象选择器)
- CSS入门伪类,锚伪类,伪类子对象选择
- CSS :hover伪类选择定义和用法