Shulou(Shulou.com)06/01 Report--

In this article, the editor introduces in detail "how to use the CSS decision maker". The content is detailed, the steps are clear, and the details are handled properly. I hope this article "how to use the CSS decision maker" can help you solve your doubts.

The "CSS" column indicates in which version of CSS the property is defined. (CSS1, CSS2 still CSS3. )

The resolver example depicts all the elements of CSS.class.intro 's choice of class= "intro". 1#id#firstname chooses all the elements of id= "firstname". 1 resolve * resolve to all elements. 2elementp Select all

element. 1element.elementdiv.p determines all elements and all elements

element. 1element elementdiv p chooses everything outside the element

element. 1element resolver "href=" https://www.w3school.com.cn/cssref/sele CTO r_element_gt.asp "> element > elementdiv > p all of the parent elements selected as elements

element. 2element+elementdiv+p is determined to have everything immediately after the element

element. 2 [attribute] [target] Select all elements with the target attribute. 2 [attribute=value] [target=_blank] determines all the elements of target= "_ blank". 2 [attribute~=value] [title~=flower] decides that the title attribute includes all the elements of the word "flower". 2 [attribute | = value] [lang | = en] Select the value of the lang attribute to "en" all the original elements. 2:linka:link decides all the links that have not been visited. 1:visiteda:visited selects all the links that have been met. 1:activea:active selects the activity link. 1:hovera:hover selects the link over which the mouse pointer is positioned. 1:focusinput:focus chooses to lose the outer input element. 2:first-letterp:first-letter decided that each of them

The initials of the element. 1:first-linep:first-line chooses each one

The first line of the element. 1:first-childp:first-child selects each of the first child elements that belong to the parent element

element. 2:beforep:before in each

The form of the element is inserted before the domain. 2:afterp:after in every

The pattern of the element is later inserted into the pattern. 2:lang (language) p:lang (it) chooses each of the lang attribute values that begin with "it"

element. 2element1~element2p~ul decided to have

Every element of an element. 3 [attribute ^ = value] a [src ^ = "https"] determines every element whose src attribute value begins with "https". 3 [attribute$=value] a [src$= ".pdf"] selects all elements whose src attribute ends with ".pdf". 3 [attribute*=value] a [src*= "abc"] decides that each element of the "abc" substring is included in its src attribute. 3:first-of-typep:first-of-type chooses the first element that belongs to its parent

Each of the elements

element. 3:last-of-typep:last-of-type selects the last that belongs to its parent element

Each of the elements

element. 3:only-of-typep:only-of-type chooses the only one that belongs to its parent element

Each of the elements

element. 3:only-childp:only-child selects each of only child elements that belong to its parent element

element. 3:nth-child (n) p:nth-child (2) determines each of the second child elements that belong to its parent element

element. 3:nth-last-child (n) p:nth-last-child (2) is the same as above, counting from the last child element. 3:nth-of-type (n) p:nth-of-type (2) the choice belongs to the second of its parent element

Each of the elements

element. 3:nth-last-of-type (n) p:nth-last-of-type (2) is the same as above, but counts from the last child element. 3:last-childp:last-child selects each of the last child elements that belong to its parent element

element. 3:root:root determines the root element of the document. 3:emptyp:empty selects each one that does not have child elements

Elements (including text nodes). 3:target#news:target is determined to be the # news element of the current activity. 3:enabledinput:enabled decides on each enabled element. 3:disabledinput:disabled is determined that each disabled element 3:checkedinput:checked determines each selected element. 3:not (selector): not (p) is determined not to

Every element of an element. 3::selection::selection selects the part of the element selected by the user. 3 read here, this article "how to use CSS decision maker" article has been introduced, want to master the knowledge of this article also need to practice and use in order to understand, if you want to know more related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.