How would one write a pseudo:after css element as a HTML tag place it specifically in the mark-up then create a css rule all at the start of the loading of the DOM ?
Siberian
13
Junior Poster
Recommended Answers
Jump to PostI don't think you can insert html elements into before/after.
js (jQuery) - use.append()/.prepend()to add inside element. use.after()/.before()to add outside element.
Jump to PostAm not entirely sure what you want. If you want to remove the ::after from the css, you could insert a span at the position you want and style that.
Jump to PostI don.t think you can. Look up the :before defi ition. I.m sure it says no html.
All 11 Replies
Siberian
13
Junior Poster
In javascript, somehow I couldn't edit my post ?
diafol
I don't think you can insert html elements into before/after.
js (jQuery) - use .append()/.prepend() to add inside element. use .after()/.before() to add outside element.
Siberian
13
Junior Poster
If I wanted to take the css pseudo-element ::before or ::after and write it as a HTML tag as well as have a related css rule; you're telling me, I can only use jQuery, correct ?
pritaeas
2,194
¯\_(ツ)_/¯
Moderator
Featured Poster
Am not entirely sure what you want. If you want to remove the ::after from the css, you could insert a span at the position you want and style that.
Siberian
13
Junior Poster
I want to write the pseudo-class ::before as a HTML tag and place it in the mark up ! For example if a tag has acme:before; I want to write that pseudo-element as a HTML tag, for example acme_p_after to which I can write a rule for that tag.
diafol
I don.t think you can. Look up the :before defi ition. I.m sure it says no html.
Siberian
13
Junior Poster
I couldn't find anything that mentioned no html.
https://developer.mozilla.org/en-US/docs/Web/CSS/::before
Although do you mean that pseudo elements do not appear in the DOM therefore can't be written as a html tag ?
diafol
What I.m saying is that the content property if the ::before pseudo element cannot hold html tags.
pritaeas
2,194
¯\_(ツ)_/¯
Moderator
Featured Poster
Show some code of what you have, and another of what you think it should look like.
Siberian
13
Junior Poster
Unfortunately I can't write a pseudo-element as a HTML tag !
gentlemedia
803
Master Poster
I've re-read this thread numerous times and still trying to get my head around the thing that you want to do with this.
Pseudo elements are indeed not injected into the DOM, but you can access or reach them via JavaScript/jQuery but not for the reason you want (I assume).
Here's one option that can solve some problems:
http://davidwalsh.name/pseudo-element
And you can pass on custom data-attribute values to the content property which you then also can alter via JavaScript (.dataset)
http://tiffanybbrown.com/2014/11/using-attr-with-pseudo-elements-and-javascript/
Unfortunately I can't write a pseudo-element as a HTML tag
No, but then why not writing a HTML element instead of using a pseudo element?
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.