Append Content Properties: -oxy-append-content and -oxy-prepend-content

-oxy-append-content Property

This property appends the specified content to the content generated by other matching CSS rules of lesser specificity. Unlike the content property, where only the value from the rule with the greatest specificity is taken into account, the -oxy-append-conent property adds content to that generated by the lesser specificity rules into a new compound content.

-oxy-append-content

element:before{
    content: "Hello";
}
element:before{
    -oxy-append-content: " World!";
}
The content shown before the element will be Hello World!.

-oxy-prepend-content Property

Prepends the specified content to the content generated by other matching CSS rules of lesser specificity. Unlike the content property, where only the value from the rule with the greatest specificity is taken into account, the -oxy-prepend-conent prepends content to that generated by the lesser specificity rules into a new compound content.

-oxy-prepend-content

element:before{
    content: "Hello!";
}
element:before{
    -oxy-prepend-content: "said: ";
}
element:before{
    -oxy-prepend-content: "I ";
}
The content shown before the element will be I said: Hello!.