↓ Skip to main content
Life

CSS continued

·1 min
Table of Contents

Pseudo classes
#

State dependent styling, e.g Style a checkbox when it is in checked state. It is usually denoted by a preceding colon ‘:’ (without the quote).

:active
:checked
:default
:dir
:disabled
:empty

E.g.

Styling

Pseudo elements
#

Keywords denoted by two colons (::) specified at the end of selector.

I am trying to add the URL information after the Anchor content.

div id=”myDiv”> Dummy link

Using the style and the pseudo element ::after

a::after {
content: ” (” attr(href) “)”;
}

Brings the desired result

Dummy link
Author
Samarthya
Engineer, learner, tinkerer. This is my trophy shelf of everyday work and leisure.

Related

How much more can you take?

·4 mins
Most of the times it is my wife who is diligently taking care of my little devil and sometimes I tag along. She is the one who has taken up the mettle of enduring the mud and crap the society throws at her. She is the one who has even given me courage everyday. One such face-offs she had quiet recently was when she was out with my little one, on one of the usual evening outings. My daughter is restless, full of energy and obviously autistic. Her biggest shortcoming she is unable to learn the semantics of – what you call a normal conversation.

What did the horse say?

·1 min
The beauty is simplicity and nothing complex If you ever wondered what is fun? You need to get yourself a company of a Special kid; by special I mean kids with some special needs.

Bienvenue

·1 min
This is the inspiration that drives me & my better half every day. I don’t think the worst thing that can happen to anyone is raising a child with special needs. I think the worst thing is to raise the child who is cruel to those with special needs. Ranjana Smarthya
↑