澶у濂斤紝鎴戞槸鍗婂馃懘锛屼竴涓垰鍒氬紑濮嬪啓浣滅殑娌欓洉绋嬪簭鍛樸€傚枩娆㈡垜鐨勬枃绔犲彲浠ュ叧娉ㄢ灂鐐硅禐馃憤鍔犳垜寰俊锛歠rontendpicker锛屾垜浠竴璧峰涔犱氦娴侊紝鎴愪负鏇村ソ鐨勫伐绋嬪笀~鍏虫敞鍏紬鍙凤細鎼炲墠绔崐澶忥紝瀛︽洿澶氬墠绔?缁堢粨鐭ヨ瘑锛佺偣鎴戞帰绱㈡柊涓栫晫锛佸師鏂囬摼鎺?=>http://sylblog.xin/archives/57鍓嶈█鍦ㄦ寮忓涔?target涔嬪墠锛屽厛鏉ヤ簡瑙ｄ竴涓媤eb寮€鍙戜腑鐨勯敋鐐广€備互涓嬫槸鐧惧害鐧剧鐨勪粙缁嶏細鍙や唬鐨勯敋鏄竴鍧楀ぇ鐭冲ご锛屾垨鑰呮槸瑁呮弧鐭冲ご鐨勭瓙瀛愶紝鍙仛鈥滈敋鈥濄€傞敋鐭崇郴涓婄怀绱㈡矇鍏ユ按搴曪紝渚濋噸绯绘硦灏忚埞銆傚悗鏈夋湪鐖煶閿氾紝鍗冲湪鐭冲潡涓や晶绯讳笂鏈ㄧ埅锛岄潬閲嶇墿鍜屾姄鍔涗娇鑸瑰仠娉娿€備腑鍥藉崡鏈濇椂鏈熷氨鏈夊叧浜庨噾灞為敋鐨勮杞姐€備腑鍥藉彜浠ｅ竼鑸逛娇鐢ㄧ殑鏄洓鐖搧閿氾紝鎬ц兘浼樿壇锛岃嚦浠婁粛鍦ㄨ垻鏉垮拰灏忚埞涓婁娇鐢ㄣ€傛兂鍧愯埞鐨勬椂鍊欙紝鑸规紓娴湪婀栭潰涓婏紝涓嶈兘涓婅埞銆傝繖鏃跺€欎富鎾殑浣滅敤灏卞彂鎸ュ嚭鏉ヤ簡銆傚彧瑕佹媺缁冲瓙锛岃埞灏变細鏉ワ紒锛侊紒web寮€鍙戜腑鐨勯敋鐐癸細缃戦〉涓缃殑涓€涓綅缃紝鐐瑰嚮閾炬帴璺宠浆鍒版寚瀹氫綅缃互鎺橀噾鏂囩珷璇︽儏椤典负渚嬶紝鍙充晶鏍忔湁鐩綍锛岀偣鍑诲叾涓竴涓細涓嶄細璺宠浆鐩綍锛熷埌鍏蜂綋鍐呭銆傛湁浜哄濡備綍瀹炵幇瀹冩劅鍒板ソ濂囧悧锛熷锛屽氨鏄敋鐐癸細閫氳繃a鏍囩鐨刪ref璺宠浆鍒癷d瀵瑰簲鐨勫厓绱犮€?ahref="#heading-2"title="Grammar">璇硶璇硶閭ｄ箞:target鍜岃繖涓湁浠€涔堝叧绯诲憿锛燂紵锛熷悜涓嬬湅锛侊紒锛?target琛ㄧず涓€涓敮涓€鐨勯〉闈㈠厓绱狅紙鐩爣鍏冪礌锛夛紝鍏秈d涓庡綋鍓峌RL鐗囨鍖归厤銆傛槸涓嶆槸鏈夌偣闅剧悊瑙ｏ紝鍏跺疄寰堢畝鍗曪紝杩欓噷锛歵arget鎸囩殑鏄痟2锛宧eading-2:target{}grammar浣跨敤鐨勬槸target閫夋嫨鍣ㄩ€夋嫨褰撳墠activity鐨勭洰鏍囧厓绱犵敤娉曞搴攊d銆傚彲浠ユ牴鎹甶d璁剧疆璺宠浆鍚庣洰鏍囧厓绱犵殑鏍峰紡銆?header:target{color:red;璺宠浆鐩爣涓€寮€濮嬬洰鏍囨槸榛戣壊鐨勶紝鐐瑰嚮璺宠浆杞姩鎸夐挳鍚庯紝椤甸潰璺宠浆鍒扮洰鏍囷紝鐩爣鍙樹负绾㈣壊锛乬lobal:target{color:red;}娉ㄦ剰瀛椾綋棰滆壊鐨勫彉鍖栥€傚疄闄呯殑婊戝嚭寮忓鑸娊灞夐鍏堝畾涔変簡涓€涓鑸爮nav.#nav{padding:0px;浣嶇疆锛氬浐瀹氾紱楂樺害锛?00%锛涢《閮細0锛涘乏锛?锛涘搴︼細100px锛沚ackground:#2ecc71;}瀹氫箟涓€涓猅ag鎵撳紑瀵艰埅open鎵撳紑瀵艰埅鏃朵娇鐢╰arget#nav:target{left:0;transition:left1s;}usenot(targetwhenclosing)#nav:not(:target){left:-100%;}transition:left1.5s;}鏁堟灉:瀹屾暣浠ｇ爜:tab鍒囨崲瀹炵幇tab鍒囨崲鐨勬柟娉曞叾瀹炴湁寰堝绉嶏紝绾疌SS,JS甯傞潰涓婃湁鍚勭鏂规锛屾棦鐒跺紩鍏ヤ簡:target锛岃嚜鐒惰鐢ㄤ簡.鏁翠綋鏂规鏄細:target+z-index鍏堢畝鍗曡鏄庝竴涓嬪師鐞嗭細:target鍙褰撳墠婵€娲荤殑鐩爣鍏冪礌鐢熸晥锛屾墍浠ュ彧鏈夋縺娲荤殑鍏冪礌鎵嶆湁z-index灞炴€с€?.鍒涘缓閫夐」鍗￠€夐」tab1tab2tab3鍒涘缓鍐呭鎴戞槸tab1
