css超链接的伪类中表示鼠标悬浮上的是
css超链接的伪类中表示鼠标悬浮上的是hover。要定义链接样式，其中必不可少的就是超级链接中的锚标签，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，写法如下：link，定义正常链接的样式。visited，定义已访问过链接的样式。hover，定义鼠标悬浮在链接上时的样式。active，定义鼠标点击链接时的样式。其中：：link和：visited只能用于设置超链接a，：hover和：active则可适用所有元素，hover用来表示鼠标移入的状态，active用来表示鼠标点击。绛旓細閫氳繃css浼被涓鐨勨渉over鈥濇潵瀹炵幇銆1銆佹柊寤篽tml鏂囦欢锛屽湪body鏍囩涓坊鍔犱竴涓猟iv鏍囩锛宒iv鏍囩閲岄潰宓屽涓涓猵鏍囩锛岀劧鍚庢坊鍔爌鏍囩鍐呭锛岃繖閲屼互鈥滄紨绀烘枃鏈濅负渚嬶細2銆佸湪head鏍囩涓坊鍔爏tyle鏍囩锛岀劧鍚庡湪style鏍囩涓粰p鏍囩璁剧疆棰勫厛鏄剧ず鏍峰紡锛岄鍏堟槸鍏堜笉鏄剧ず鐨勶紝鎵浠ョ粰p鏍囩璁剧疆鐨勫睘鎬т唬鐮佹槸鈥減 {display: none...
绛旓細css榧犳爣鎮鍋浼被 :hover 浣跨敤鏂瑰紡濡備笅 鍒欐槸娴嬭瘯div .test: hover { color: orange;font-weight: bold;} 褰撻紶鏍囨偓鍋滃湪 div test 涓婃椂锛宼est閲岄潰鐨勬枃瀛椾細鍔犵矖锛岄鑹插彉涓烘鑹层傞紶鏍囨偓鍋滀吉绫诲湪鎵嬫満绔槸鐪嬩笉鍒版晥鏋滅殑锛屽洜涓烘墜鏈虹鏄Е灞忕殑
绛旓細鏈変簺鎯呭喌涓嬪彲鑳戒細灏哸鏍囩鐨刪ref灞炴у艰缃负绌猴紝浣嗕笉鍚岀殑鍐欐硶浼氫骇鐢熶笉鍚岀殑鏁堟灉锛屽叿浣撴儏鍐靛涓嬶細鍦ㄦ敮鎸 css 鐨勬祻瑙堝櫒涓紝閾炬帴鐨涓嶅悓鐘舵侀兘鍙互涓嶅悓鐨勬柟寮忔樉绀猴紝杩欎簺鐘舵佸寘鎷細娲诲姩鐘舵侊紝宸茶璁块棶鐘舵侊紝鏈璁块棶鐘舵佸拰榧犳爣鎮鍋滅姸鎬併傜敤鏉琛ㄧず閾炬帴涓嶅悓鐘舵鐨勪吉绫灏辨槸閿氫吉绫汇傛渶鍚庡啀寮鸿皟涓閬嶏紝涔﹀啓椤哄簭寰...
绛旓細div{ height:100px;width:100px;background-color: aqua;} 鏂囧瓧鍐呭鏂囧瓧鍐呭 2銆佹柟娉曚簩锛屽埄鐢css鐨勪吉绫hover锛屼互鍙婃樉绀洪殣钘忓睘鎬isplay锛屾潵瀹炵幇濡備笅锛.continer{ height:100px;width:100px;background-color: aqua;} .continer div{ display:none;/*榛樿闅愯棌*/ } .continer:hover div{ display:in...
绛旓細瀹氫箟鍜岀敤娉 :hover 浼被鍦榧犳爣绉诲埌鍏冪礌涓婃椂鍚戞鍏冪礌娣诲姞鐗规畩鐨勬牱寮忋傝鏄 杩欎釜浼被搴旂敤澶勪簬鈥滄偓鍋滅姸鎬佲濈殑鍏冪礌銆傛偓鍋滃畾涔変负鐢ㄦ埛鎸囩ず浜嗕竴涓厓绱犱絾娌℃湁灏嗗叾婵娲汇傚姝ゆ渶甯歌鐨勪緥瀛愭槸灏嗛紶鏍囨寚閽堢Щ鍒 HTML 鏂囨。涓竴涓瓒呴摼鎺ョ殑杈圭晫鑼冨洿鍐呫傜悊璁轰笂锛屽叾浠栧厓绱犱篃鍙互澶勪簬鎮仠鐘舵侊紝涓嶈繃 CSS 娌℃湁瀹氫箟绌剁珶鏄摢浜...
绛旓細榧犳爣鎮鍋滅殑鎰忔濇槸鎸囷紝褰撻紶鏍囧湪缃戦〉鐨勯儴鍒嗗浘鏍囥佹枃瀛楁垨鑰呭浘鐗囦笂鍋滅暀鐨勬椂鍊欙紝浼氭湁閮ㄥ垎鍐呭寮瑰嚭鐭ワ紝妗ｄ粠杩欎釜鍥炬爣銆佹枃瀛楁垨鑰呭浘鐗囦笂绉诲紑榧犳爣鍚庯紝寮瑰嚭鐨勫唴瀹硅嚜鍔ㄧ缉鍥炪傚埄鐢╤tml鐗规э紝姣忎釜鏍囩閮芥湁涓涓猼itle灞炴с傚綋榧犳爣hover鍦ㄨ鏍囩鍐呭涓婃椂锛屾祻瑙堝櫒灞曠ず鍑鸿鏍囩鐨則itle鍐呭锛岃榧犳爣绉昏蛋锛屽唴瀹规秷澶憋紝濡備笅锛歞iv{...
绛旓細鍦CSS涓锛浼被鍜屼吉鍏冪礌閮芥槸涓轰簡鍦ㄧ壒瀹氭儏鍐典笅涓哄厓绱犳坊鍔犻澶栫殑鏍峰紡锛屼絾瀹冧滑鐨勫師鐞嗗拰浣跨敤鍦烘櫙鏈夋墍涓嶅悓銆傞鍏堬紝鎴戜滑鏉ユ帰璁ㄤ吉绫汇備吉绫绘槸鍦ㄩ夋嫨鍣ㄥ悗闈㈡坊鍔犵殑涓涓壒娈婃爣璇嗭紝瀹冧滑鎻忚堪鐨勬槸鍏冪礌鐨勭壒瀹氱姸鎬侊紝渚嬪:hover锛榧犳爣鎮鍋滄椂锛夈:active锛堝厓绱犺婵娲绘椂锛夌瓑銆備吉绫讳富瑕佺敤浜庡姩鎬佸湴鏀瑰彉鍏冪礌鐨勫瑙傦紝浠ュ搷搴旂敤鎴风殑...
绛旓細*/input:focus{background:# E0F1F5;}Link琛ㄧず閾炬帴鍦ㄦ病鏈夎鐐瑰嚮鏃剁殑鏍峰紡銆俈isited琛ㄧず閾炬帴宸茬粡琚闂椂鐨勬牱寮忋侶over琛ㄧず褰榧犳爣鎮鍋滃湪閾炬帴涓婇潰鏃剁殑鏍峰紡銆浼被涓嶄粎鍙互搴旂敤鍦ㄩ摼鎺ユ爣绛句腑锛屼篃鍙互搴旂敤鍦ㄤ竴浜涜〃鍗曞厓绱犱腑锛屼絾琛ㄥ崟鍏冪礌鐨勫簲鐢↖E涓嶆敮鎸侊紝鎵浠ヤ竴鑸吉绫婚兘鍙細琚簲鐢ㄥ湪閾炬帴鐨鏍峰紡涓娿
绛旓細鏈杩戝啓缃戦〉鍓嶇鐨勮繃绋嬩腑锛屽彂鐜颁細缁忓父鐢ㄥ埌浼被鐨勪娇鐢紝濡:link,:visited,:hover,:active,:disabled绛夈傚叾涓:link閫氬父琛ㄧず鏈偣鍑閾炬帴鐨鐘舵侊紝:visited鍒欎负宸茬偣鍑荤殑鐘舵侊紝:hover涓榧犳爣鎮鍋滐紝锛歛ctive涓洪紶鏍囨寜涓嬪埌鏀惧紑鏃堕摼鎺ユ垨鎸夐挳鐨勭姸鎬侊紝:disabled甯哥敤浜庤〃绀哄厓绱犱笉鍙敤鏃剁殑鐘舵併傚叾涓暟榧犳爣鎮仠浜や簰锛坔over/...
绛旓細浼被鐨勮娉曞涓嬶細selector:pseudo-class {property:value;}銆傚叾涓紝selector 鏄夋嫨鍣紝pseudo-class 鏄吉绫诲悕绉帮紝property 鏄睘鎬у悕锛寁alue 鏄睘鎬у笺備吉绫婚夋嫨鍣ㄧ殑璁捐浣垮緱鎴戜滑鍙互閫氳繃绠鍗曠殑浠ｇ爜鏉ュ疄鐜颁竴浜涚壒娈婄殑鏁堟灉锛岃屼笉闇瑕佹坊鍔犻澶栫殑绫绘垨鏍峰紡銆備緥濡傦紝鎴戜滑鍙互浣跨敤 :hover 浼被鏉ヨ缃榧犳爣鎮鍋滃湪鍏冪礌涓...
