css伪类选择器怎么用
发布网友
发布时间:2022-04-21 05:24
我来回答
共1个回答
热心网友
时间:2022-04-06 11:53
伪类选择器hover可以在鼠标移到链接上时设置一些特殊样式,比如字体大小,背景颜色,显示隐藏等等。
注意:伪类选择器hover 可以作用于所有元素,不仅仅是链接。
与hover类似的选择器还有link,visited,active。 link 选择器可以设置未被访问过的链接样式, visited 选择器可以设置已被访问过的链接样式,active选择器可以设置被激活的链接样式。不清楚的同学可以参考 CSS视频教程。
用法1:当鼠标经过链接时改变其自身的样式(hover后面直接接样式)
描述:当鼠标经过时,a标签的字体颜色变为红色,字体变大,
用法2:用伪类选择器hover控制其子元素的样式(hover后面加空格再接要改变元素的样式)
描述:当鼠标经过时div时,其子元素的颜色变为紫色,字体变大,出现红色边框,
用法3:当鼠标经过时控制其兄弟元素的样式(hover后面加“+”再接要改变元素的样式)
描述:鼠标经过时其兄弟元素的背景颜色变为*,字体变大,