Stuff & Nonsense product and website design

Specisithity

Universal selector

Boba Fett isn’t a Sith, so he has no specisithity

Element selectors

Storm troopers are less powerful than Darth Vader

Attribute, class, & pseudo-class selectors

Darth Maul and Kylo Ren are just as powerful as Darth Vader

ID selectors

Vader, Maul, and Ren are less powerful than Emperor Palpatine

Style attribute

Star Destroyers pack more firepower

!important

The Death Star can destroy a planet


Universal selector

*

specisithity

0-0-0

1 x element selector

<a>

specisithity

0-0-1

2 x element selectors

<p> <a>

specisithity

0-0-2

1 x class selector

.jar

specisithity

0-1-0

1 x attribute selector

[alt]

specisithity

0-1-0

1 x pseudo-class selector

:first-child

specisithity

0-1-0

1 x element selector
1 x class selector

a.jar

specisithity

0-1-1

2 x element selectors
1 x class selector

p a.jar

specisithity

0-1-2

2 x class selectors

.jar .jar

specisithity

0-2-0

2 x element selectors
2 x class selectors

p.jar a.jar

specisithity

0-2-2

1 x id selector

#binks

specisithity

1-0-0

1 x id selector
1 x element selector

div#binks

specisithity

1-0-1

1 x id selector
1 x class selector

.jar #binks

specisithity

1-1-0

1 x id selector
1 x class selector
1 x element selector

.jar div#binks

specisithity

1-1-1

1 x id selector
2 x class selectors

.jar .jar #binks

specisithity

1-2-0

2 x id selectors

#jar #binks

specisithity

2-0-0

1 x style attribute

style

* Inline normal styles override all normal declarations. Inline important styles override all other important styles.

!important

* Overrides all styles from the same origin and cascade layer.


First published on October 7th 2005Learn how I made this page.

(I know Stormtroopers aren’t Sith, but hey, they do work for the dark side.)

Hire me. I’m available now to work on product and website design projects.