LESS string-set に相当する現代のものは何ですか?

Question

文字列セットとその使用例については、「LESS 文字列セットのプロパティとコンテンツ メソッドの使用」を参照してください。

かなり混乱した後、これは非推奨であり、Chrome バージョン 39 以降は実装されていないことがわかりました。ただし、LESS には引き続き存在しているようです。

教科書的な使用例は、一致するスタイルの最新のものを取得し、それを変数に入れて、ヘッダーまたはフッターの string(varname) で使用できるようにすることです。

たとえば、次のコードは、h1 タグの内容をクラス .header のいずれかに配置し、後続のそれぞれの varname の値を配置します。更新する h1

件 リーリー

現代に相当するものは何ですか?

Answer 1

ポリフィルが必要です。 Pagedjs ではそれが可能ですが、明らかにそれは可能ではありません。

ただし、質問で参照したコードでは、値を間違って取得しました。下の写真のように見えるはずです。 string-set は、シンボル名とシンボル値のソースという 2 つの値を取る関数と考えることができます。

値が取得されると、その文字列を使用できるようになり、string(SYMBOL_NAME) を使用して値を取得できます。この場合、H1 要素またはクラス chapterTitle の要素が見つかるたびに値がキャプチャされます。

リーリー

アプリケーションと似ていますが、要素グラフ全体をキャプチャできるのは position: running(ELEMENT_NAME) です。これは、クラスによって要素に適用されると、ストリームから要素とそのすべての子を削除します。 content: element(ELEMENT_NAME); で使用できるようにします。文字列の代わりに要素グラフを使用する利点は、、、スタイル付きコンテナ、さらには code> や を使用できることです。 実行中のヘッダー/フッター「テキスト」を開始します。

これが見慣れない CSS である場合、それは標準のこの部分を実装しているブラウザがないためです。ただし、pagedjs が自動的にデータを設定します。