Apakah persamaan moden bagi set rentetan KURANG

Question

Untuk contoh set rentetan dan kegunaannya, lihat Menggunakan Sifat Set Rentetan KURANG dan Kaedah Kandungan

Selepas banyak kekeliruan, saya mendapati bahawa ini telah ditamatkan dan tidak dilaksanakan sejak Chrome versi 39, walaupun nampaknya ia terus wujud dalam LESS.

Kes penggunaan buku teks adalah untuk mendapatkan padanan gaya terkini dan memasukkannya ke dalam pembolehubah supaya boleh digunakan oleh string(varname)dalam pengepala atau pengaki.

Sebagai contoh, kod berikut akan dikemas kini h1 标记的内容放入 .header 类的任何内容中，以及 varname 的值随着每个连续的 h1

h1 { string-set: chapterTitle; }
.header { content: string(chapterTitle); }

Apakah persamaan moden?

Answer 1

Memerlukan Polyfill. Pagedjs boleh melakukannya, dan nampaknya kurang.

Namun, dalam kod yang saya petik dalam soalan, saya menangkap nilai dengan salah. Ia sepatutnya kelihatan seperti gambar di bawah. Anda boleh menganggap string-set sebagai fungsi yang mengambil dua nilai: nama simbol dan sumber nilai simbol.

Setelah nilai ditangkap, rentetan tersedia untuk digunakan dan nilai ditangkap apabila elemen kelas string(SYMBOL_NAME) 获取该值。在这种情况下，每次 H1 元素或遇到 chapterTitle tersedia.

h1 { string-set: chapterTitle content(); }
.header { content: string(chapterTitle); }

Serupa dengan Apl, tetapi mampu menangkap keseluruhan graf elemen position: running(ELEMENT_NAME)，当类将其应用于元素时，会从流中删除该元素及其所有子元素并使其可用供 content: element(ELEMENT_NAME); 使用。元素图而不是字符串的优点是您可以使用 、、样式化容器甚至 code> 和 untuk melancarkan "teks" pengepala/pengaki yang sedang berjalan.

Jika ini adalah CSS yang tidak dikenali, ini kerana tiada penyemak imbas telah melaksanakan bahagian standard ini. Tetapi pagedjs akan mengisinya untuk anda.