<p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> <strong>一、before和after伪类</strong> </p> <p class="sycode"> </p> <li>before 在之前插入样式</li> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> 结果演示 </p> <p class="sycode"> </p> <p class="sycode"> </p> <li>after 在之后插入样式</li> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> 结果是 </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> <strong>二、root伪类</strong> </p> <p class="sycode"> 设置最底层的样式，可用于插入背景图片 </p> <p class="sycode"> <strong>三、</strong> </p> <p class="sycode"> </p> <li>input：enabled{......} 设置所有已启用的input元素</li> <li>input：disabled{......} 设置并且禁止对应的input元素</li> <p class="sycode"> </p> <p class="sycode"> <strong>四、css：: selection 如：p：: selection{.......}</strong> </p> <p class="sycode"> 伪类选择器用于突出显示的页面用户选择的任何部分，包括可编辑文本字段中的文本 </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> <strong>五、反伪类选择器</strong> </p> <p class="sycode"> </p> <li>E:not(s) 匹配不符合当前选择器的任何元素</li> <p class="sycode"> </p> <p class="sycode"> <strong>六、target伪类</strong> </p> <p class="sycode"> 用于匹配连接到同一页面的某个位置中 </p> <p class="sycode"> </p> <p class="sycode"> 上面结果第点击对应的a连接则会自动跳转到对应的div并改变其样式 </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
