CSS3 - 在标签

Question

我有以下div：

<div class="mydiv">
     This is some introduction text
     <br />
     click me
</div>

是否可以使用CSS设置click me的格式与div的其余部分不同？

Answer 1

您可以采用不同的方式设置:first-line的样式。如果只有2行，那么第二行和最后一行的样式有点可以比纯CSS中的第一行样式。

Codepen

但是

• 你无法设置every property (MDN)
的样式
• 确定文本将占据正好2行将忽略诸如智能手机（hello RWD）之类的窄设备或者按照每个用户的意愿缩放（图形或文本缩放）。网络不是PDF：）

+1给Pevara建议：它应该是一个链接或一个按钮然后它可以轻松地设置样式

div {
  text-transform: uppercase;
  font-size: 2rem;
  color: red;
}
div::first-line {
  text-transform: initial;
  font-size: 1rem;
  color: initial;
}

<p>OK</p>
<div class="mydiv">
     This is some introduction text
     <br />
     click me
</div>
<hr>
<p>#fail</p>
<div class="mydiv" style="width: 100px; border: 1px dotted blue">
     This is some introduction text
     <br />
     click me
</div>

Answer 2

不，如果不修改HTML或使用JavaScript，就没有纯CSS方式来选择文本click me。