有没有办法在开发者工具中检查::first-line和::first-letter伪元素？

Question

::first-line 和 ::first-letter 伪元素，顾名思义，允许您样式化 HTML 元素的首字母和第一行。但是，在浏览器的开发者工具中，我找不到任何检查这些样式的方法。其他伪元素和伪类（例如 ::before、::after、:first-child 等）可以通过“检查元素”在开发者工具中轻松检查，但我找不到检查 ::first-letter 或 ::first-line 的方法。我是否遗漏了某种方法，还是目前不可能呢？

- Nick F

Answer 1

1. Firefox（64和Nightly版本） 我可以在Firefox检查器中轻松地看到::first-line和::first-letter伪元素：

.

你可以通过展开“伪元素”选项卡在检查器中查看这些样式： 2. Chrome (72) 我在Chrome检查器中也能轻松看到它（适用于::first-line和::first-letter）。

在Safari中无法找到伪元素。

- Helenesh

Answer 2

在Chrome（74）中，我看到这些样式列在样式列表的底部，超过了Inherited from块：

- nvioli

Answer 3

点击添加按钮("+")(在下方插入样式规则) 查看示例

div::first-line {
 // enter code here
}

或者

div::first-letter {
// enter code here
}

- Darwin Arugay

---

这个问题是关于检查伪元素，但是你的回答似乎是关于为伪元素创建样式。 - SpyderScript