有没有办法在开发人员工具中检查 ::first-line 和 ::first-letter 伪元素?
Is there any way to inspect ::first-line and ::first-letter pseudo-elements in developer tools?
::first-line
and ::first-letter
伪元素,顾名思义,允许您设置 HTML 元素的第一个字母和第一行的样式。
但是,我找不到任何方法在浏览器的开发人员工具中检查这些样式。其他伪元素和伪 类(如 ::before
、::after
、:first-child
等)可以通过 "Inspect element" 在开发工具中轻松检查,但我可以'找到一种方法来检查 ::first-letter
或 ::first-line
。有没有我遗漏的方法,或者这目前不可能?
在 Chrome (74) 中,我看到这些样式一直列在样式列表的底部,超过了 Inherited from
块:
1. Firefox(64 和 Nightly) 我能够在 Firefox 检查器中轻松看到 ::first-line
和 ::first-letter
伪元素:
。
您可以通过展开 'pseudo-elements' 选项卡在检查器中查看这些样式:
2。 Chrome (72) 我在 Chrome 检查器中看到它也没有问题(适用于 ::first-line
和 ::first-letter
):
无法在 Safari 中找到伪元素。
::first-line
and ::first-letter
伪元素,顾名思义,允许您设置 HTML 元素的第一个字母和第一行的样式。
但是,我找不到任何方法在浏览器的开发人员工具中检查这些样式。其他伪元素和伪 类(如 ::before
、::after
、:first-child
等)可以通过 "Inspect element" 在开发工具中轻松检查,但我可以'找到一种方法来检查 ::first-letter
或 ::first-line
。有没有我遗漏的方法,或者这目前不可能?
在 Chrome (74) 中,我看到这些样式一直列在样式列表的底部,超过了 Inherited from
块:
1. Firefox(64 和 Nightly) 我能够在 Firefox 检查器中轻松看到 ::first-line
和 ::first-letter
伪元素:
您可以通过展开 'pseudo-elements' 选项卡在检查器中查看这些样式:
2。 Chrome (72) 我在 Chrome 检查器中看到它也没有问题(适用于 ::first-line
和 ::first-letter
):
无法在 Safari 中找到伪元素。