Add css elements inside "content"

Question

is there any CSS way to add div, p, span elements inside css content attribute? I mean code like this

.textblockquote:before{
content: "<span class='green'>“</span>";

}

Itay Gal · Answer 1 · 2013-12-12T15:15:44.590

2

No, CSS is all about styling, not adding code. You might be able to workaround this, but it's very bad practice.

It will probably be easier to achieve the requested effect or design in another way.

edited Dec 12 '13 at 15:15

answered Dec 12 '13 at 15:09

Itay Gal

10,706
6
36
75

score 2 · Answer 2 · edited May 23 '17 at 12:11

2

You can achive this with hexadecimal characters, but you shouldn't :)

See here: Adding HTML entities using CSS content

edited May 23 '17 at 12:11

Community

1
1

answered Dec 12 '13 at 15:12

wintercounter

7,500
6
32
46

score 2 · Accepted Answer · edited May 23 '17 at 12:29

you won't be able to insert other things than text-element with css

BUT, what you want to do can be achieved this way :

.textblockquote:before{
    color:green; /* <-- apply the styling you want */
    content: "\0022"; /* <-- escaped unicode for 'quote' */
}

In the meantime, your question has already been answered (30 months ago): Using :before and :after CSS selector to insert Html

Look : enter image description here

score 1 · Answer 4 · edited May 23 '17 at 10:32

1

Its possible but its designed for text not html. http://www.quirksmode.org/css/content.html,

Here is an example how you can achive this in Firefox. ( 2nd answer ) Insert HTML from CSS

edited May 23 '17 at 10:32

Community

1
1

answered Dec 12 '13 at 15:09

scx

2,749
2
25
39

score -1 · Answer 5 · answered Dec 12 '13 at 15:13

-1

You can add content as text for example, and customize it for you needs. In your case, you can add quotes in content of :before and :after elements, and absolute position them where you want.

answered Dec 12 '13 at 15:13

n1kkou

3,096
2
21
32

Add css elements inside "content"

5 Answers5