Selectors

I am class'd. I should be red.

I am id'd. I should be blue.

I have two class'es. I should be green.

I have one class. I should be simple.

I am both :) I should be purple and underlined.

I am only id'd. I should be simple

I am only class'ed. I should be simple

I am the first child, strong and red element in this line. I am the second child, only strong one.

I am a less important span, which means I am smaller and I have braces around me.

I am a line with some children and grand children. Only my children are purple and bold.

I am a line with two adjacent siblings, of which this blue one is the second.

I am a line with a link with a hreflang. I am too, but I am not. Those first two should have the hreflang in the link.

I am a line with the word 'is' in the title. I should be green.

I am a line with the word 'is' and 'another' in the title. I should be green and underlined.

I am id'd with a dash (id="with-dash"). I should be orange.

I am id'd with a dash (id="with-seconddash"). I should be orange too.

I am id'd with a dash (id="another-with-seconddash"). I shouldn't be orange.