CSS学习笔记02

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS学习笔记02相关的知识,希望对你有一定的参考价值。

1.伪类选择符

叫做伪类选择符,允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色:

a:hover{color:red;}

上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。

 

2.分组选择符

 

当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色:

 

h1,span{color:red;}

 

以上是关于CSS学习笔记02的主要内容,如果未能解决你的问题,请参考以下文章

HTML+css 鼠标滑过二级导航时想保留一级导航的滑过 求大神解答

CSS鼠标滑过内容切换的代码

如何用css3实现当我鼠标滑过导航时图片会缓慢的显现出来?

初学css,怎样在li标签上实现鼠标滑过显示图片

请问鼠标滑过背景图片,图片围绕圆心旋转的效果怎么实现?css3也可以..

jQuery鼠标滑过横向时间轴效果