有什么方法可以检查开发人员工具中的:: first-line和:: first-letter伪元素吗?

时间:2019-02-19 20:19:14

标签: css developer-tools

::first-line::first-letter伪元素,顾名思义,允许您设置HTML元素的首字母和第一行的样式。

但是,我找不到在浏览器的开发人员工具中检查这些样式的任何方法。其他伪元素和伪类(例如::before::after:first-child等)很容易通过“检查元素”在开发工具中检查,但我找不到方法检查::first-letter::first-line。有什么我想念的方式吗?还是目前无法实现?

2 个答案:

答案 0 :(得分:2)

在Chrome浏览器(74)中,我看到这些样式一直排在Inherited from块之后的样式列表的底部: chrome inspector pseudo classes

答案 1 :(得分:2)

1。 Firefox(64和每晚),我能够在Firefox检查器中轻松看到::first-line::first-letter伪元素:

enter image description here

您可以通过展开“伪元素”标签在检查器中查看这些样式: enter image description here

2。 Chrome(72),我也可以在Chrome检查器中看到它(同时适用于::first-line::first-letter):

enter image description here

无法在Safari中找到伪元素。