Question

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

我无法检查Inspector或Firebug中的单个字母，因为它没有包含在HTML标记中，并且它所在的

标记具有与此单字母不同的样式

有没有办法检查元素的所有伪元素或检查

元素中的单个字母？谢谢！

Answer 1

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

Answer 2

我不知道让Chrome识别所有psuedo选择器的方法。但是我只是在Chrome中搜索:first-letter（这可能是你正在寻找的造型 - 除非是基于JS的）

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

这应该搜索网站中的所有文件。如果您只有一个CSS文件，则可以通过 sources 选项卡导航到该文件。然后只需ctrl + f来搜索该文件。

您也可以尝试其中一种。那些让我高兴的是：first-letter，nth-letter，first-letter，first-word

来自CSS-Tricks的所有伪装列表：

: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，看看这是否会影响你的问题。

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

2 个答案: