Beispiele für String-Sets und ihre Verwendung finden Sie unter Verwenden von LESS-String-Set-Eigenschaften und Inhaltsmethoden
Nach langem Durcheinander habe ich herausgefunden, dass dies veraltet ist und seit Chrome-Version 39 nicht mehr implementiert wurde, obwohl es in LESS offenbar weiterhin existiert.
Der Lehrbuch-Anwendungsfall besteht darin, die neueste übereinstimmung des Stils abzurufen und sie in eine Variable einzufügen, damit sie dann von string(varname)
in der Kopf- oder Fu?zeile verwendet werden kann.
Zum Beispiel wird der folgende Code aktualisiert h1
標記的內(nèi)容放入 .header
類的任何內(nèi)容中,以及 varname
的值隨著每個連續(xù)的 h1
h1 { string-set: chapterTitle; } .header { content: string(chapterTitle); }
Was ist das moderne ?quivalent?
需要 Polyfill。 Pagedjs 可以做到,而且顯然也更少。
但是,在我在問題中引用的代碼中,我錯誤地捕獲了該值。應(yīng)該如下圖所示。您可以將 string-set
視為一個采用兩個值的函數(shù):符號名稱和符號值的來源。
捕獲值后,該字符串就可供使用,并且可以使用 string(SYMBOL_NAME)
獲取該值。在這種情況下,每次 H1 元素或遇到 chapterTitle
類的元素時都會捕獲一個值。
h1 { string-set: chapterTitle content(); } .header { content: string(chapterTitle); }
與應(yīng)用程序類似,但能夠捕獲整個元素圖的是 position: running(ELEMENT_NAME)
,當(dāng)類將其應(yīng)用于元素時,會從流中刪除該元素及其所有子元素并使其可用供 content: element(ELEMENT_NAME);
使用。元素圖而不是字符串的優(yōu)點是您可以使用 、
、樣式化容器甚至
code> 和
來啟動正在運行的頁眉/頁腳的“文本”。
如果這是不熟悉的 CSS,那是因為沒有瀏覽器實現(xiàn)了這部分標準。但 pagedjs 會為你填充它。