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..

#jquery #:odd :odd :odd is a selector that selects odd-indexed elements. grammar $( ':odd' ) for example $( 'p:odd' ) Select p elements that are odd indices. One thing to note is that the indices start at zero. example 0. Lorem 1. Ipsum 2. Dolor 3. Sit Selects li elements with odd indices and replaces the text color with red.

#jQuery #:nth-child() :nth-child() :nth-child() is a selector that selects the an+bth sibling element. grammar $( ':nth-child(an+b)' ) a and b are constants, n is a variable. Non-negative integers (0, 1, 2, 3, ...) are assigned to n in sequence. You can use even, odd instead of an+b. example $( 'ol li:nth-child(2)' ) Selects the second element from the sibling elements of li, which is a child el..

#jquery #:has() :has() :has() is a selector to use when selecting elements that contain a particular element. grammar $( ':has(selector)' ) for example $( 'p:has(span)' ) Select the p element that has a span element. example jQuery Selector - :has() Lorem Ipsum Dolor Sit Amet Select the li element that has the a element as a child element to create a red border.

#jQuery #jQuery selector :even :even :even is a selector that selects even indexed elements. grammar $( ':even' ) for example $( 'p:even' ) Select an even index paragraph. Note that the first element index starts at 0. example 0. Lorem 1. Ipsum 2. Dolor 3. Sit Select even indexed li elements and color them red.

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