html伪类选择器

1,:hover

就是响应鼠标滑过的选择器,当你给标签加上的时候,鼠标一滑过就会发生你再里面定义的事件。

比如

html伪类选择器_第1张图片

 鼠标一滑过就让他出现阴影,并且往上移动。

html伪类选择器_第2张图片

 2,::after,::before

就是在当前标签的前加上想加的内容。比如这两条线。他们不是边框,是after,::before。

html伪类选择器_第3张图片

html伪类选择器_第4张图片

 想让他们实现的内容出现在标签旁的任意位置可以采用父相子绝的定位方式。

3,:focus

就是当前标签获得焦点的时候触发的。

html伪类选择器_第5张图片

html伪类选择器_第6张图片 

 

如果你想让当前容器的兄弟容器实现动作的话,可以使用兄弟选择器。 “+”

html伪类选择器_第7张图片

 

 

 

你可能感兴趣的:(HTML,html,前端,javascript)