header, nav, article, section, aside, footer

videovideo

audioaudio

email, url, date, time, month, week, number, tel, search, color

The form form field must be added during verification

required-requried, required

placeholder - prompt text

autofocus-autofocus, automatic focus

autocomplete-off | on, history

multiple-multiple, upload multiple files

Form attributes should be used under input-type

Change form content styles. input::placeholder {color:pink;}

Input [ type=text ] { …;} attribute = attribute value

div [ class^=icon ] { …;} The attribute value starts with icon and has a weight of 11

section [ class$=data ] attribute value ends with data

ul li [ class*=sn ] The attribute value contains sn

Class selector, attribute selector, pseudo-class selector, weight 10

ul li:first-child { …;}

ul li:last-child { …;}

ul li:nth-child(n) { …;}

section div:nth-of-type(2){…}

div::before {...content:"content";} weight is 2

div::after { ...content: "content"; }

Must have content

Weight is 1

Usage scenario: Pseudo element font icon