不确定是否可行：H2:not(:first-line)答案

【问题标题】：Not sure if feasible: H2:not(:first-line)不确定是否可行：H2:not(:first-line)
【发布时间】：2015-06-28 20:19:18
【问题描述】：

正如我在标题中提到的，我不确定是我和我的编码——“技能”，还是只是一个不合适的概念：

我可以更改之后的行：H1和H2标签的第一行吗？

这是一个实验，所以不是很重要，我想把标题设计成我公司的标志：第二行旋转了 180°：

H2:not(:first-line){-webkit-transform: rotate(-18deg);}

【问题讨论】：

你为什么不给那个元素一个class="logo"，这样你就可以进行转换了。
您可以将每个部分（第一行，然后是其余部分）包装在 HTML 中单独的 span 元素中，为每个部分指定一个类，然后分别设置它们的样式。
:first-line 选择器developer.mozilla.org/en-US/docs/Web/CSS/::first-line 中没有转换，:not() 中只有简单的选择器w3.org/TR/css3-selectors/#negation，所以这永远不会起作用。您将不得不以某种方式换行并单独定位它们
谢谢 lolka_bolka、Jon 和 Pevara。这正是我害怕听到的：-~ 包装对我来说是个谜，因为它们是我的 wordpress 博客帖子的标题。

【解决方案1】：

我的一个同事也有同样的问题。

假设你有一个 3 行的段落。

通过这样做：

p:first-line { /* CSS */ }

您只考虑段落的第一行，对吗？

所以，基本上，如果你写：

p { ... } 

p:first-line { ... }

第一个声明是你的:not(:first-line) :)

【讨论】：

【解决方案2】：

是的。看看这个例子是否适合你。

h2:not(:nth-child(1)){-webkit-transform: rotate(-18deg);}

【讨论】：