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 #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 #Attribute Selector Attribute Selector The attribute selector selects elements that have specific attributes, or elements that have specific attributes, such as specific values. [attributename] attributename Select the element that has the attribute. For example, the following selects the h1 element with the title attribute. h1[title] [attributename="value"] attributename Selects an element..

#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; }