CSS Tricks Almanac

Define/Explain Selectors and Properties

Selectors are the parts in a CSS file that select a part in the DOM to style in the CSS file. A property is a style that can be listed within a selector in the CSS file.

Document 2 Selectors

:checked

:out-of-range

The :checked selector only applies to input radio and checkbox elements. The properties in this selector will only apply when elements are in the checked state. The :out-of-range selector also only applies to input elements where the number entered by the user is outside of the acceptable number range specified.

Document 2 Properties

empty-cells

hyphenate-limit-chars

The empty-cells property is a property that can be used with a type selector for the element table to select empty table cells. This property can have values specifying if there should be backgrounds, borders, etc. in the empty cells. The hyphenate-limit-chars property says how many characters a word should have in it before a hyphen is inserted and the minimum number of characters before and after a hyphen.

Summary

Overall, the CSS Tricks Almanac is a great resource. It lists several selectors and properties that I have never heard of and really digs into selecting specific parts of the DOM. I will remember the selectors and properties listed above and will also continue to explore the CSS Tricks Almanac for more "tricks" and CSS tools!