I have following div:
<div class="mydiv">
This is some introduction text
<br />
click me
</div>
只使用CSS,是否可以使click me
的样式与其余div不同?
I have following div:
<div class="mydiv">
This is some introduction text
<br />
click me
</div>
只使用CSS,是否可以使click me
的样式与其余div不同?
:first-line
样式来对第一行进行不同的样式处理。如果只有2行文本,就算可以使用纯CSS对第二行和最后一行进行样式处理,但是也并不是所有属性都能被处理。毕竟不能确保一个文本只占据2行,因为这将忽略像智能手机这样的窄设备(响应式Web设计)或每个用户的缩放意愿(图形或文本缩放)。网络不是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>
a
或button
标签,因为我猜您希望它可以被点击。 - Pevara