css伪类选择器怎么用

html-css023

css伪类选择器怎么用,第1张

伪类选择器hover可以在鼠标移到链接上时设置一些特殊样式,比如字体大小,背景颜色,显示隐藏等等。

注意:伪类选择器hover 可以作用于所有元素,不仅仅是链接。

与hover类似的选择器还有link,visited,active。 link 选择器可以设置未被访问过的链接样式, visited 选择器可以设置已被访问过的链接样式,active选择器可以设置被激活的链接样式。不清楚的同学可以参考 CSS视频教程。

用法1:当鼠标经过链接时改变其自身的样式(hover后面直接接样式)

描述:当鼠标经过时,a标签的字体颜色变为红色,字体变大,

用法2:用伪类选择器hover控制其子元素的样式(hover后面加空格再接要改变元素的样式)

描述:当鼠标经过时div时,其子元素的颜色变为紫色,字体变大,出现红色边框,

用法3:当鼠标经过时控制其兄弟元素的样式(hover后面加“+”再接要改变元素的样式)

描述:鼠标经过时其兄弟元素的背景颜色变为黄色,字体变大,

类选择器在html标签中添加一个class属性,这个属性的值要按照命名的规则来书写:不能数字开头,尽量不使用中文,不要使用下划线中划线之外的符号,不要使用系统的保留字,尽量做到见名知意,命名可以重复使用,每个标签可以设置多个类名。然后在css中使用 .类名{} 的形式来进行定义即可,CSS类的问题呢,我看过最好的教学视频,就是黑马程序员的。他们有公开课,都是技术大牛讲解,并且会直接给你上课使用的课件和源码什么的。在黑马视频库就可以搜索到,找不到的话,网页弹出来的对话框问一下即可