使用CSS如何實現鼠標點擊元素后向該元素添加樣式

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a：visited {color： blueviolet；}。瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設置了文字紫色顏色。

網站建設哪家好，找創新互聯！專注于網頁設計、網站建設、微信開發、重慶小程序開發公司、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了美蘭免費建站歡迎大家使用！

先在找個文件夾創建文件index.html。然后用能編輯文本文件的軟件打開index.html，index.html的初始內容如圖。接著編寫兩個樣式作為鼠標移動時div修改的樣式。然后編寫js代碼修改div的樣式。

用hover就可以了，意思是當鼠標經過時 舉個例子，一個叫top類的div：.top：hover{ color：#F00； font-size：18px；} 意思是當鼠標經過時字體顏色變為紅色，大小變為18像素，離開后恢復原樣。

CSS鼠標點擊鏈接的樣式

1、首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a：visited {color： blueviolet；}。瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設置了文字紫色顏色。

2、它們的寫法如下：a：link，定義正常鏈接的樣式；a：visited，定義已訪問過鏈接的樣式；a：hover，定義鼠標懸浮在鏈接上時的樣式；a：active，定義鼠標點擊鏈接時的樣式。

3、hover 選擇器用于選擇鼠標指針浮動在上面的元素。提示： ：hover 選擇器可用于所有元素，不只是鏈接。

當鼠標點擊字上之后變色加粗,點其他的又變為原樣怎么設css

用標簽的hover偽類可以實現，注意IE下的兼容問題，要求href必須有效。

首先要看LZ會不會寫CSS。如果會的話，鼠標懸停在CSS中寫為HOVER，鼠標觸發在CSS中寫為ACTIVE。

這個是用javascript控制的。非常簡單。復制到body里面試下。

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a：visited {color： blueviolet；}。瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設置了文字紫色顏色。

table tr：hover { background-color：#edf4fa；} table tr：hover td[rowspan]{ background-color：#fff；} 這么寫html不用修改。但IE6上不能使用。因為IE6不支持a標簽以外的：hover.如果想支持IE6的話只能用js了。

當前名稱：點擊后樣式css樣式 css設置點擊效果
網頁網址：http://vcdvsql.cn/article37/dgcispj.html

成都網站建設公司_創新互聯，為您提供網站排名、定制網站、網站內鏈、營銷型網站建設、云服務器、品牌網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯