Czy ktoś może wyjaśnić, jak atrybut atrybutu content działa wewnętrznie w przeglądarce. Czy tworzy nowy węzeł w DOM, nawet jeśli nie jest wyświetlany w WebInspector. Czy będzie miał takie same wpływy zużycia pamięci jak prawdziwy węzeł DOM?Jak działa atrybut treści CSS?
Z W3C:
Ta właściwość (zawartość) jest stosowany wraz z: przed i Po pseudoelementów do generowania zawartości w dokumencie. Wygenerowana zawartość nie zmienia drzewa dokumentu . W szczególności nie jest on przekazywany z powrotem do procesora językowego dokumentu (np. Do reparacji).
Ponadto, zgodnie z MDN:
przedmioty włożone za pomocą właściwości zawartości anonimowość otrzymuje elementy. W CSS zastąpiony element jest elementem, którego reprezentacja wykracza poza zakres CSS. Są to obiekty zewnętrzne, których reprezentacja jest niezależna od CSS. Typowe elementy zastąpione to
<image>,<object>,<video>lub tworzą element taki jak<textarea>,<input>. Niektóre elementy, takie jak<audio>lub , są zastępowane tylko w określonych przypadkach. Obiekt wstawiony przy użyciu właściwości treści CSS to anonimowe elementy zastępowane. CSS obsługiwał elementy wymienione w niektórych przypadkach, np. Przy obliczaniu marginesów i niektórych wartości auto. Należy zauważyć, że niektóre elementy zastępowane, ale nie wszystkie, mają wewnętrzne wymiary lub określoną linię bazową, która jest używana przez niektóre właściwości CSS , podobnie jak w pionie.
Znalazłem to na CSS 2.1 spec
treści tworzone nie zmienia drzewa dokumentu. W szczególności, kod ten nie jest przesyłany z powrotem do procesora języka dokumentu (np. Do reparacji ).