我想將 CSS::after內容作為其 class 元素中的特定單詞傳遞。
如果類名是“language-css”、“language-html”等,在這種情況下,我想將內容作為“-”后面的單詞傳遞。
code::before {
content: attr(class);
}
<code class="language-css"> some code here </code>
<code class="language-html"> some code here </code>
<code class="language-javascript"> some code here </code>
我知道這會從 CSS 類回傳整個文本,CSS 是否像 JavaScript 一樣支持任何拆分功能?
uj5u.com熱心網友回復:
在這種特殊情況下,text-indent如果前綴始終相同,您可以使用一些否定的方法。該code元素使用等寬字體,因此很容易使用chunit
code::before {
content: attr(class);
display:inline-block;
text-indent:-9ch; /* adjust this based on your real case */
clip-path:inset(0); /* hide the overflow */
}
<code class="language-css"> some code here </code>
<code class="language-html"> some code here </code>
<code class="language-javascript"> some code here </code>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/366465.html
下一篇:滑塊無法啟動-僅CSS
