Articles by

Sara Cope

Orator of Organization and Operation, Master of Invoicing, Sultan of Swag, Esteem of Editing

:enabled

The :enabled pseudo-class in CSS selects focusable elements that are not disabled, and therefore enabled. It is only associated with form elements (<input>, <select>, <textarea>). Enabled elements include ones in that you can select, that you …

Avatar of Sara Cope
Sara Cope on (Updated on )

:last-of-type

The :last-of-type selector allows you to target the last occurence of an element within its container. It is defined in the CSS Selectors Level 3 spec as a “structural pseudo-class”, meaning it is used to style content based on its …

Avatar of Sara Cope
Sara Cope on (Updated on )

letter-spacing

The letter-spacing property controls the amount of space between each letter in a given element or block of text. Values supported by letter-spacing include font-relative values (em, rem), parent-relative values (percentage), absolute values (px) and the normal property, which resets …

Avatar of Sara Cope
Sara Cope on (Updated on )

word-spacing

The word-spacing property is similar to letter-spacing, though naturally its use governs the amount of space between the words in a piece of text, not the individual characters.

p {
    word-spacing: 2em;
}

word-spacing can receive three different values:…

Avatar of Sara Cope
Sara Cope on (Updated on )

:checked

The :checked pseudo-class in CSS selects elements when they are in the selected state. It is only associated with input (<input>) elements of type radio and checkbox . The :checked pseudo-class selector matches radio and checkbox input types …

Avatar of Sara Cope
Sara Cope on (Updated on )

::first-letter

::first-letter is a pseudo element which allows you to style the first letter in an element, without needing to stick a <span> tag around that first letter in your HTML. While no tags are added to the DOM, it is …

Avatar of Sara Cope
Sara Cope on (Updated on )