有關字符串集及其用途的示例,請參見使用較少的字符串集屬性和內容方法
在經歷了很多困惑之后,我發現這已經過時了,而且從39版本開始Chrome就沒有實現過,盡管很明顯它在更短的時間內就存在了。
教科書上的用例是獲取一個樣式的最近匹配的內容,并把它放在一個變量中,這樣它就可以被頁眉或頁腳中的string(varname)使用。
例如,下面的代碼將h1標記的內容放入任何帶有。頭類,varname的值隨著每個連續的h1更新
h1 { string-set: chapterTitle; }
.header { content: string(chapterTitle); }
現代的對等詞是什么?
需要聚合填充。Pagedjs可以做到,顯然也更少。
然而,在我在問題中引用的代碼中,我錯誤地獲取了值。應該如下圖所示。您可以將string-set視為一個接受兩個值的函數,即符號名稱和符號值的來源。
一旦捕獲了該值,就可以使用該字符串,并且可以使用string(SYMBOL_NAME)獲得該值。在這種情況下,每次H1元素或chapterTitle類遇到元素時都會捕獲一個值。
h1 { string-set: chapterTitle content(); }
.header { content: string(chapterTitle); }
在應用中類似但能夠捕獲整個元素圖的是position: running(ELEMENT_NAME),當由類應用于元素時,它從流中移除元素及其所有子元素,并使其可供content: element(ELEMENT_NAME)使用;。元素圖比字符串的優勢在于你可以使用& lt我& gt,& ltb & gt、樣式容器甚至& ltimg & gt并且& ltsvg & gt開始& quot文本& quot正在運行的頁眉/頁腳。
如果這是不熟悉的CSS,那是因為沒有瀏覽器實現這部分標準。但是pagedjs會幫你填好的。