CSS伪元素选择器问题

Posted 2023-05-06

CSS伪元素选择器问题见图

参考技术A 月出惊山鸟， 参考技术B 选中状态是指元素拥有输入焦点，处于选中状态的元素会有一个虚线方框，如果这个元素是个超链接，那么当按下键盘回车键就会自动打开这个链接，如果元素是可输入的控件（比如文本框），则键盘输入的字符就会出现在这个控件中。通过键盘的tab键可以在页面中各个元素间切换选中状态。

而“光标移动到超链接上”是把鼠标光标移到某个超链接上，这个鼠标动作是不会改变这个元素的选中状态的，只有点击鼠标左键，这个元素才会被选中。而通常超链接点击后页面就跳转或刷新了，所以对于超链接而言，只能通过键盘来改变选中状态了。
所以这是两种不同的概念。被鼠标光标指到的元素，可以是已选中的，也可以是未选中的，而且这种仅仅移动鼠标的动作不会改变元素的选中状态。

关于伪元素选择器

所谓的伪元素选择器，是针对于CSS中已经定义好的伪元素使用的选择器。CSS中常用的伪元素选择器有：before伪元素选择器和：after伪元素选择器，

1.   ：before 用法：

     <元素>:before   

      {

        content : 文字 /  url ();

       }

 上述的语法中，被选元素位于“   ：before  ”   之前， {    }  中的content  属性用来指定要插入的具体内容，该内容可以为文本 也可以是图片 

2.  ：after用法和 ：before 用法是类似的 只不过插入的位置不同而已。