CSS 中的:before和:after选择器用于在元素前后添加内容。 :hover 是伪类,:before & :after 是伪元素。在 CSS 中,伪元素写在伪类之后。
句法:
a:hover::before {
// CSS Property
}
a:hover::after {
// CSS Property
}
在 CSS3 中,双冒号 (::) 用于表示伪元素。对于 IE8 或更早版本,使用单个冒号(CSS2 语法)。
示例 1:此示例对元素中的 a:before 和 a:after 使用 :hover 条件。
:hover condition for a:before
and a:after
Hover here
鼠标移动前:
鼠标移过后:
示例 2:此示例对元素中的 a:before 和 a:after 使用 :hover 条件。
:hover condition for a:before
and a:after
GeeksForGeeks
鼠标移动前:
鼠标移过去后