Diving into the ::before and ::after Pseudo-elements

This is a very comprehensive post by Will Boyd on the ::before and ::after pseudo-elements which covers basically everything you need to know to make use of them is a variety of scenarios.
I especially like the accessibility section at the end, which i…


This content originally appeared on foobartel.com :: Stream and was authored by foobartel.com :: Stream

This is a very comprehensive post by Will Boyd on the ::before and ::after pseudo-elements which covers basically everything you need to know to make use of them is a variety of scenarios.
I especially like the accessibility section at the end, which is will make a huge difference if we include this little extra in the future.

I didn’t know this yet: 

div::after {
  /* screen reader says "chicken nugget" */
  content: url(chicken-nugget.png) / 'chicken nugget';
}

Besides that, the fish conversation on his homepage made my day ?


This content originally appeared on foobartel.com :: Stream and was authored by foobartel.com :: Stream


Print Share Comment Cite Upload Translate Updates
APA

foobartel.com :: Stream | Sciencx (2021-02-24T23:00:00+00:00) Diving into the ::before and ::after Pseudo-elements. Retrieved from https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/

MLA
" » Diving into the ::before and ::after Pseudo-elements." foobartel.com :: Stream | Sciencx - Wednesday February 24, 2021, https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/
HARVARD
foobartel.com :: Stream | Sciencx Wednesday February 24, 2021 » Diving into the ::before and ::after Pseudo-elements., viewed ,<https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/>
VANCOUVER
foobartel.com :: Stream | Sciencx - » Diving into the ::before and ::after Pseudo-elements. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/
CHICAGO
" » Diving into the ::before and ::after Pseudo-elements." foobartel.com :: Stream | Sciencx - Accessed . https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/
IEEE
" » Diving into the ::before and ::after Pseudo-elements." foobartel.com :: Stream | Sciencx [Online]. Available: https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/. [Accessed: ]
rf:citation
» Diving into the ::before and ::after Pseudo-elements | foobartel.com :: Stream | Sciencx | https://www.scien.cx/2021/02/24/diving-into-the-before-and-after-pseudo-elements/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts