浠嬬粛浼被鍜屼吉鍏冪礌鏄疌SS涓殑鍩烘湰姒傚康锛?:before锛?:after瑕佸鐢ㄣ€備粖澶╅噸鏂版⒊鐞嗕簡涓€涓嬩吉绫诲拰浼厓绱犮€傚尯鍒鍏堬紝浼被鍜屼吉鍏冪礌鏄袱涓笢瑗匡紝浠庡悕瀛椾笂涔熻兘鐪嬪嚭鏉ャ€傞偅涔堟湁浠€涔堝尯鍒憿锛熷噯纭殑璇达紝浼被涓嶆槸涓€涓厓绱狅紝瀹冩槸灞炰簬鏌愪釜鍏冪礌鐨勬煇涓姸鎬併€傛瘮濡?hover,:active,:first-child銆備吉鍏冪礌鏇村儚鏄竴涓狤lement锛岀敤浜庡湪DOM涓坊鍔犱竴涓壒娈婄殑鍏冪礌鑺傜偣锛屽::after銆?:before銆?:first-line绛変吉绫讳吉绫绘弿杩帮細active褰撶敤鎴锋縺娲伙紙渚嬪鍗曞嚮锛夊厓绱犳椂鍖归厤銆?any-link鍖归厤閾炬帴鐨?link鍜?visited鐘舵€併€?autofill鍖归厤琛ㄥ崟鍏冪礌鐨勬牱寮忥紝渚嬪鍏冪礌琚嚜鍔ㄥ畬鎴愬～鍏呮椂鐨勬牱寮忋€?checked鍖归厤閫変腑鐨勫崟閫夋垨澶嶉€夋銆?default鍖归厤涓€缁勭浉浼煎厓绱犱腑鐨勪竴涓垨澶氫釜榛樿UI鍏冪礌銆?disabled鍖归厤澶勪簬绂佺敤鐘舵€佺殑鐢ㄦ埛鐣岄潰鍏冪礌:empty鍖归厤闄ゅ彲鑳界殑绌烘牸澶栨病鏈夊瓙鍏冪礌鐨勫厓绱犮€?enabled鍖归厤澶勪簬鍚敤鐘舵€佺殑UI鍏冪礌銆?first-child鍖归厤鍏勫紵濮愬涓殑绗竴涓厓绱犮€?first-of-type鍖归厤鍚岀骇鍏冪礌涓壒瀹氱被鍨嬬殑绗竴涓厓绱犮€?focus褰撳厓绱犳湁鐒︾偣鏃跺尮閰嶃€?focus-visible褰撳厓绱犳湁鐒︾偣骞朵笖鐒︾偣瀵圭敤鎴峰彲瑙佹椂鍖归厤銆?focus-within鍖归厤鐒︾偣鍏冪礌锛屼互鍙婄劍鐐瑰瓙鍏冪礌銆?hover褰撶敤鎴峰皢榧犳爣鎮仠鍦ㄥ厓绱犱笂鏃跺尮閰嶃€?indeterminate鍖归厤鍏锋湁鏈‘瀹氬€肩殑UI鍏冪礌锛岄€氬父鏄閫夋鍜屽崟閫夋寜閽€?invalid鍖归厤浠讳綍鏈€氳繃楠岃瘉鐘舵€佺殑鍐呭锛屼緥濡?input>銆?last-child鍖归厤鍏勫紵鍏冪礌涓殑鏈€鍚庝竴涓厓绱犮€?last-of-type鍖归厤鍚岀骇鍏冪礌涓壒瀹氱被鍨嬬殑鏈€鍚庝竴涓厓绱犮€?link鍖归厤鏈闂繃鐨勯摼鎺ャ€?is()鍖归厤浼犻€掔殑閫夋嫨鍣ㄥ垪琛ㄤ腑鐨勪换浣曢€夋嫨鍣ㄣ€?not鍖归厤浣滀负鍊间紶閫掔粰鑷韩鐨勯€夋嫨鍣ㄤ笉鍖归厤鐨勫璞°€?nth-child鍖归厤鍏勫紵鍏冪礌涓殑鍏冪礌锛堝彲浠ユ槸闈炵浉浼煎厓绱狅級
鍏勫紵鍏冪礌鎸夌収an+b鐨勫叕寮忚繘琛屽尮閰嶏細nth-鈥嬧€媜f-type鍖归厤鏌愪釜绫诲瀷鐨勫厔寮熷厓绱犲垪琛ㄣ€?br/>鍏勫紵鍏冪礌鎸夌収an+b鐨勫舰寮忚繘琛屽尮閰嶏細nth-鈥嬧€媗ast-child鍖归厤涓€涓厔寮熷厓绱犲垪琛紙鍙互鏄潪鐩镐技鍏冪礌锛夛紝浠庡悗寰€鍓嶅€掓暟銆?br/>鍏勫紵鍏冪礌鎸夌収an+b褰㈠紡鐨勫叕寮忚繘琛屽尮閰嶏細nth-鈥嬧€媗ast-of-type鍖归厤鏌愪竴绫诲瀷鐨勫厔寮熷厓绱犲垪琛紝浠庡悗寰€鍓嶅€掓暟銆?only-child鍖归厤娌℃湁鍏勫紵濮愬鐨勫厓绱犮€?only-of-type鍖归厤鍏勫紵鍏冪礌涓壒瀹氱被鍨嬬殑鍞竴鍏冪礌銆?optional鍖归厤涓嶉渶瑕佺殑琛ㄥ崟鍏冪礌銆?read-only鍖归厤鐢ㄦ埛涓嶈兘鏇存敼鐨勫厓绱犮€?read-write鍖归厤鍙互琚敤鎴锋洿鏀圭殑鍏冪礌銆?required鍖归厤闇€瑕佺殑琛ㄥ崟鍏冪礌銆?valid鍖归厤澶勪簬鏈夋晥鐘舵€佺殑鍏冪礌锛屼緥濡?input>鍏冪礌銆?target鍖归厤浣滀负褰撳墠URL鐩爣鐨勫厓绱狅紙渚嬪锛屽鏋滃畠鍏锋湁涓庡綋鍓峌RL鐨勬鍖归厤鐨勫厓绱狅級銆?visited鍖归厤璁块棶杩囩殑閾炬帴銆備吉鍏冪礌浼厓绱燿escription::after鍖归厤鍑虹幇鍦ㄥ師濮嬪厓绱犵殑瀹為檯鍐呭涔嬪悗鐨勫彲璁剧疆鏍峰紡鐨勫厓绱犮€?:before鍖归厤鍑虹幇鍦ㄥ師濮嬪厓绱犵殑瀹為檯鍐呭涔嬪墠鐨勫彲璁剧疆鏍峰紡鐨勫厓绱犮€?:first-letter鍖归厤鍏冪礌鐨勭涓€涓瓧姣嶃€?:first-line鍖归厤鍖呭惈姝や吉鍏冪礌鐨勫厓绱犵殑绗竴琛屻€?:selection鍖归厤鏂囨。鐨勯€夊畾閮ㄥ垎銆?:placeholder鍖归厤琛ㄥ崟鍏冪礌鐨勫崰浣嶇鏂囨湰銆傛渶鍚庯紝鍏蜂綋鎬庝箞鍐欒繖閲屽氨涓嶄竴涓€鍒椾妇浜嗐€備綘鍙互鍦ㄧ綉涓婃壘鍒板畠銆備富瑕佹槸鏈変吉绫讳吉鍏冪礌闇€瑕佹湁涓€涓蹇碉紝杩欐牱鍦ㄩ」鐩腑浣跨敤鐨勬椂鍊欐墠瀹规槗璁颁綇銆傚畬浜嗭紝鏈枃鍒版缁撴潫锛屽笇鏈涜繖绡囨枃绔犲浣犳湁鎵€甯姪:-)鏈€杩戝張鍙戜簡涓€绡囧叕浼楀彿锛氬啓浠ｇ爜鐨勮豹鍝ワ紝姹傚叧娉煒勩€傚悗闈細鎱㈡參绉疮鑷繁鎺屾彙鐨勫墠绔煡璇嗗拰鑱屽満鐭ヨ瘑銆傛湁浠€涔堥棶棰樻垨鑰呭缓璁彲浠ュ浜ゆ祦銆傚師鍒涙枃绔犳枃绗旀湁闄愶紝鐭ヨ瘑鍖箯銆傚鏋滄枃绔犱腑鏈変换浣曚笉鍑嗙‘鐨勫湴鏂癸紝璇峰憡璇夋垜銆?/p>
