检查Google Chrome Inspector或Firebug中的单个字母

Question

我正在开发一个拥有大量现有CSS的模板.CSS所做的一件事是扩大和加粗文章第一段的第一个字母.我假设这是一个伪类(如:第一个字母),但我似乎无法在CSS样式表中找到它.

我无法检查Inspector或Firebug中的单个字母,因为它没有包装在HTML标签中

标签它具有不同于这一个字母的样式.

有没有办法检查元素的所有伪元素或检查单个字母

元件？谢谢!

Answer 1

如果检查伪类所在的元素,并在样式窗格中向下滚动,它将显示所有关联的伪类.

Answer 2

我不知道有什么方法可以让 Chrome 识别所有伪选择器。但我只是在 Chrome 中进行搜索:first-letter（这可能是您正在寻找的样式 - 除非它是基于 JS 的）

从 DevTools 中，按ctrl++ shift，f然后搜索:first-letter

这应该搜索网站内的所有文件。如果您只有一个 CSS 文件，您只需通过“源”选项卡导航到该文件即可。然后只需执行ctrl+f即可搜索该文件。

您也可以尝试其他其中一种。对我来说突出的：first-letter, nth-letter, first-letter,first-word

CSS-Tricks中的所有 psuedo 列表：

:first-child        :first-of-type        :only-child
:last-child         :last-of-type         :only-of-type                  
:nth-child          :nth-of-type    
:nth-last-child     :nth-last-of-type

::first-letter      ::first-line          ::first-word
::last-letter       ::last-line           ::last-word
::nth-letter        ::nth-line            ::nth-word
::nth-last-letter   ::nth-last-line       ::nth-last-word

如果不是其中之一，那么是时候开始研究 JavaScript 了。为了排除 JS，我只是一起禁用 JS，看看这是否会影响您的问题。