I noticed in some cases you used .spinner:before and .spinner:after instead of .spinner::before and .spinner::after for the pseudo-elements. I think you need to use double colons since a single colon is reserved for pseudo-classes, like :focus or :hover.
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment ๐จ๐ผโ๐ป | I believe in learning and sharing with others ๐ด
Founder of Skyward Digital, the UX Jamstack agency
Showing you how to:
๐ป Create excellent websites
๐ Evaluate and improve UX
๐งก Discover loyal users
๐จ๐ปโ๐ป he/him
The logic is correct Aleksandr, but in practice this is rarely needed. Most people just use : for everything. I've never seen a situation where using ::before worked and :before didn't.
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment ๐จ๐ผโ๐ป | I believe in learning and sharing with others ๐ด
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment ๐จ๐ผโ๐ป | I believe in learning and sharing with others ๐ด
I noticed in some cases you used
.spinner:before
and.spinner:after
instead of.spinner::before
and.spinner::after
for the pseudo-elements. I think you need to use double colons since a single colon is reserved for pseudo-classes, like:focus
or:hover
.Okay hmm interesting ๐ฒ I will try thanks for your opinion ๐ท
The logic is correct Aleksandr, but in practice this is rarely needed. Most people just use
:
for everything. I've never seen a situation where using::before
worked and:before
didn't.Good to know!
๐ท๐
You are right brother ๐