Type, class & ID selectors



As the Rising Thunder Server has a differing end goal than of many other servers, one of survival and longevity of your personas life, our Leaderboard is also a little different.

As such, all rankings and overviews are listed per each clients personas.

Furthermore, this first iteration of Rising Thunder servers are of an alpha test solely focused in a training scenario.

If you wanted to select the first child of any <article> element, no matter what element it was, and make it's color blue, you could use the :first-child selector

However, the above could be confused with article:first-child, which will select any <article> element that is the first child of another element. For example a cornsilk background.

To avoid this confusion we can add the universal selector to the :first-child selector, so it is obvious what the selector is doing. It is selecting any element which is the first-child of an <article> element:

This is an infomational note.
This note shows a warning.
This note shows danger!

ID selector

Choose wisely

No defecting

Starting from your Personas first day the "Personas Personnel Gadget" is where your Personas records and statistics are created, filed and managed.

The following is a description and operation of this gadget (to help you understand what your Persona is, please read Your Persona’s Life).


Second Go Around

A type selector is sometimes referred to as a tag name selector or element selector because it selects an HTML tag/element in your document.

The universal selector

The universal selector is indicated by an asterisk (*).

One use of the universal selector is to make selectors easier to read and more obvious in terms of what they are doing.

if we wanted to select any descendant elements of an article element that are the first child of their parent, including direct children, and make them bold, we could use the :first-child pseudo-class,

You can create a selector that will target specific elements with the class applied.

This is an informational note.
This note shows a warning.
This note shows danger!
This won't get styled - it also needs to have the noteboxTwo class.

ID Selectors

An ID selector begins with a # rather than a dot character, but is used in the same way as a class selector.