不确定是否可行:H2:不(:第一行)

Dav*_*aun 9 css transform pseudo-element

正如我在标题中提到的那样,我不确定这是我和我的编码 - "技能",还是只是一个不合适的概念:

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

这是一个实验,所以不是太重要,我想像我的商业标志样式标题:第二行旋转180°:

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

Luk*_*yVj 8

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

假设您有一个包含 3 行的段落。

通过做 :

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

您只考虑段落的第一行,对吧?


所以,基本上,如果你写:

p { ... } 

p:first-line { ... }
Run Code Online (Sandbox Code Playgroud)

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

  • `:not(:first-line)` 不起作用。请参阅:https://css-tricks.com/almanac/selectors/n/not/ (3认同)

Cod*_*eos -1

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

h2:not(:nth-child(1)){-webkit-transform: rotate(-18deg);}
Run Code Online (Sandbox Code Playgroud)

  • 第一个孩子不是第一行 (4认同)