OOQ

#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 #css Descendant Selector A child selector selects elements that are children of a particular element. For example, the following selects blockqoute elements that are children of a div element. div blockquote At this time, even if there are more elements between div and blockquote, they will be selected. In other words, choose blockquote also when ... Choose blockquote also when: ...

#css #css class selector A class selector selects elements that have a particular value as the value of their class attribute. Prefix the attribute value with . to indicate that it is a class. For example, the following will make elements with abc as the value of the class attribute red. .abc { color: red; } If nothing precedes the class selector If nothing precedes the class selector, selects a..

#CSS #ID Selector The ID selector selects an element that has a specific value as the value of the id attribute. The attribute value is preceded by # to indicate that it is an ID. For example, the following makes the element with abc as the id attribute value red. #abc { color: red; }

#CSS #type selector Type Selector Type selectors are selectors that select HTML elements such as h1, p, div, and span. For example, the following makes the contents of all p elements in an HTML document blue. p { color: blue; }

#CSS Universal Selector The full selector selects all HTML elements. It is represented by an asterisk (*). For example, the following makes all elements blue. * { color: blue; } It can be omitted when used in the same way as other selectors. So the next two lines produce the same result. *.abc { color: blue; } .abc { color: blue; }