Correct HTML output, incorrect CSS output
<div className={"after:content-['\\a0_·_']"}>Bullet point</div>@layer utilities {
.after\:content-\[\'\\\\a0_·_\'\] {
&::after {
--tw-content: "\\a0 · ";
content: var(--tw-content);
}
}
}Correct HTML output, correct CSS output
<div className="after:content-['\a0_·_']">Bullet point</div>@layer utilities {
.after\:content-\[\'\\a0_·_\'\] {
&::after {
--tw-content: "\a0 · ";
content: var(--tw-content);
}
}
}Correct HTML output, duplicate correct and incorrect CSS output
{
/* <div className="after:content-['\a0_·_']"/> */
}
<div className={"after:content-['\\a0_·_']"}>Bullet point</div>;@layer utilities {
.after\:content-\[\'\\\\a0_·_\'\] {
&::after {
--tw-content: "\\a0 · ";
content: var(--tw-content);
}
}
.after\:content-\[\'\\a0_·_\'\] {
&::after {
--tw-content: "\a0 · ";
content: var(--tw-content);
}
}
}