今天犯了个很猪鼻的问题。
于是就点开devtools看看怎么实现的：
是使用伪元素修改了所有的scrollbar。之后我想随便开个网页在devtools里调试下效果，问题来了。在devtools里不能直接添加一个根伪元素，也就是没法直接添加::-webkit-scrollbar，愁坏我了。
最后在stackoverflow找到答案的瞬间我发现我猪鼻了：虽然不能直接添加::-webkit-scrollbar，但是像平常用到的伪元素，比如::before，不都是添加在一个元素后的嘛，那也把::-webkit-scrollbar添加在某个元素后面不就能试效果了…比如在html标签上添加*::-webkit-scrollbar{}就可以了。
平时::before都知道该怎么添加，遇上个::-webkit-scroll就猪鼻了💢
今天犯了个很猪鼻的问题。 在看博客园的时候，发现这个滚动条挺不错， 于是就点开devtools看看怎么实现的： 是...
【1】DevTools触发伪类 右键单击Elements面板中的元素节点并选择“ force state ”。或者...
伪元素和伪类 什么是伪元素？ CSS 在渲染文档的时候，伪元素可以通过 css 给 HTML 添加一个元素（叫标签...
父级元素添加伪元素 在与浮动元素平级的最后面添加新元素 div.clear 在父级元素添加样式 overflow:...
1. 伪类 & 伪元素 伪类和伪元素用来修饰不在文档树中的部分 伪类：用于当已有元素处于的某个状态时，为其添加对应...
伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达...
伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达...
伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达...
伪类的种类 伪元素的种类 w3c中的定义 伪类：用于向某些选择器添加特殊的效果伪元素： 用于将特殊的效果添加到某些...
伪元素 CSS伪元素是用来添加一些选择器的特殊效果。1.语法伪元素的语法：selector:pseudo-elem...
本文标题：devtools添加伪元素
本文链接：https://www.haomeiwen.com/subject/czaznltx.html
网友评论