我想實現下面的顯示,並想知道是否有更清晰的代碼編寫方式(例如。:: after)。請注意,標題設置爲下劃線,但「。」不是下劃線的一部分。另一種做法是有2個跨班級,我試圖避免。在不繼承父標記的情況下使用CSS ::
標題一。 這是一個para.This是一個para.This是一個para.This是一個para.This是一個para.This是一個para.This是一個para.This是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。
標題二。 這也是一個段落。這也是一個para.This也是一個para.This也是一個para.This也是一個para.This也是一個para.This也是一個para.This也是一個para.This也是一個para.This是也是一個段落。這也是一個段落。這也是一個段落。這也是一個段落。這也是一個段落。
我的代碼如下:
<STYLE>
.headingTitle{
font-weight: bold;
text-decoration:underline;
padding-right: 1em;
}
.headingTitle::after{
font-weight: bold;
text-decoration: none;
content:".";
}
</STYLE>
<li><span class="headingTitle">Heading One</span>This is a para.This is a para.This is a para.This is a para.This is a para.</li>
你有一個錯字。使用'.headingTitle'和你的代碼工作:https://jsfiddle.net/2psvhrkk/ –
@JonP OP的問題是,他們不想強調期間。 –
啊,好!仍然存在錯字問題。 –