OOQ

#css :empty :empty selects empty elements with no content. For example, the following selects li elements with no content: li:empty Blanks are assumed to have content. So having an empty space like this will not be selected: :first-child :first-child selects the first of its sibling elements. :hover :hover selects the state where the mouse hovers over the element. For example, the following will..

#css Pseudo-elements select specific parts of an element. ::first-line ::first-line selects the first line of the element. For example, the following sets the text color of the first line of the p element to red. p::first-line { color: red; } ::first-letter ::first-letter selects the first letter of the element. For example, the following sets the color of the first letter of the p element to re..

#css Adjacent Sibling Selector (Adjacent Sibling Selector) The Adjacent Sibling Selector selects the first element of any element's sibling element. For example, the following selects the first p element siblings of the h1 element. h1 + p #css grammar #css basic #css tag #css Adjacent Sibling Selector #Adjacent Sibling Selector #selector #css selector

#css Sibling Selector (Sibling Selector) A sibling selector is a selector that selects the siblings of any element. For example, the following selects the p element among the sibling elements of the h1 element. h1 ~ p #css grammar #css basic #css tag #css Sibling Selector #Sibling Selector #selector #css selector

#css Child Selector (Child Selector) A child selector selects the child elements of a particular element. For example, the following selects blockqoute among the child elements of the div element. div > blockquote The caveat is that you only select elements that are one step down. In other words, choose blockquote when: ... Don't choose blockquote if: ... #css grammar #css basic #css tag #css ch..

#css If CSS defines the same attribute multiple times, the value set later will be applied. To prevent later settings from being applied, add! Important after the attribute value. property: value !important; For example, next time the last set color value is blue, so ignore red and make the paragraph text color blue. p { color: red; } p { color: blue; } But next time there is a! Important in red..

#css grammar Below is the simplest CSS code. h1 { color: red } There are three words, h1, color and red, called selectors, attributes and values, respectively. Selector: Decide what to decorate. h1 means to decorate the h1 element. Property: Decide what shape to decorate. color means to decorate a color. Value: Determines how to decorate. Red means to make it red. In other words, the CSS code is..