CSS樣式。怎么讓按下后的樣式刷新后還不變動

那就把按下后的樣式和按下之前的樣式設(shè)置一樣就可以了

成都創(chuàng)新互聯(lián)公司于2013年成立，先為本溪等服務(wù)建站，本溪等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為本溪企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

a:link,a:viseted{ //當(dāng)鼠標(biāo)按下之前和按下之后的樣式是相同的，所以刷新后也是一樣的

fontsize:14px; //字體大小為14px

color:#ff0000; //字體顏色為紅色

text-decoration:none; //沒有下劃線

}

a:hover{ //鼠標(biāo)經(jīng)過的時候

color:#00ff00; //顏色為藍(lán)色

fontsize:15px; //字體大小為15px

text-decoration:underline; //有下劃線

}

css 點擊后樣式

/*?字體鏈接樣式?*/

td.firstLevelMenuClass?a:link?{color:?#3E8BAC;?text-decoration:?none;}??????/*?未訪問的鏈接?*/

td.firstLevelMenuClass?a:visited?{color:?#FFFFFF;?text-decoration:?none;}????/*?已訪問的鏈接?*/

td.firstLevelMenuClass?a:hover?{color:?#FFFFFF;}????/*?鼠標(biāo)移動到鏈接上?*/

td.firstLevelMenuClass?a:active?{color:?#FFFFFF;}???/*?選定的鏈接?*/

/*?鼠標(biāo)事件背景樣式?*/

td.firstLevelMenuClass:hover?{background-image:?url(../../Public/img/menu_first_down_bg.gif);?}??/*?鼠標(biāo)移動到鏈接上?*/

td.span?style="color:#cc0000;"firstLevelMenuClassHover/span{background-image:?url(../../Public/img/menu_first_down_bg.gif);?}

td.firstLevelMenuClass{background-image:?url(../../Public/img/head_menu_center.gif);?}

JS:

[javascript]?view plain?copy

/*

*?取得對應(yīng)類和標(biāo)簽的HTML元素

*?clsName:給定類名

*?tagName：給定的HTML元素，如果為任意?tagName='*'

*

*/

function?getElementsByClassName(clsName,?tagName)?{

var?ClassElements?=?[];

selElements?=?document.getElementsByTagName(tagName);

for?(var?i?=?0;?i??selElements.length;?i++)?{

if?(selElements[i].className?==?clsName)?{

ClassElements[ClassElements.length]?=?selElements[i];

}

}

return?ClassElements;

}

//通過改變元素class名達(dá)到間接改變背景樣式

function?onFirstMenuChangeBg(e)?{

//先清除已經(jīng)改變的元素背景樣式

var?getElements?=?getElementsByClassName('span?style="color:#cc0000;"firstLevelMenuClassHover/span',?'td');

for?(var?i?=?0;?i??getElements.length;?i++)?{

getElements[i].className?=?"firstLevelMenuClass";

}

//設(shè)置鼠標(biāo)點擊元素背景樣式

e.className?=?"firstLevelMenuClassHover";

}

HTML:

[html]?view plain?copy

td?class="firstLevelMenuClass"?id="firstLevelMenu0"??onclick="onFirstMenuChangeBg(this);"?

a?href='#'測試0/a

/td

td?class="firstLevelMenuClass"?id="firstLevelMenu1"??onclick="onFirstMenuChangeBg(this);"?

a?href='#'測試1/a

/td

td?class="firstLevelMenuClass"?id="firstLevelMenu2"??onclick="onFirstMenuChangeBg(this);"?

a?href='#'測試2/a

/td

CSS鼠標(biāo)點擊鏈接的樣式

我們在點擊超鏈接的時候，會發(fā)現(xiàn)

這四個狀態(tài)，鏈接的文本會發(fā)生不一樣的狀態(tài)，這樣的效果就是用CSS的偽類選擇器來實現(xiàn)。

正確的CSS順序應(yīng)該是

Why?

因為這四個CSS的優(yōu)先級是一樣的，所有后者會覆蓋前者。

從實現(xiàn)的步驟來分析，就應(yīng)該是這樣排列才對。

用戶的操作步驟是

1. 還沒有點擊鏈接

那么只有 a:link 這一條樣式生效，用戶看到的是沒有點擊的樣式。

2. 鼠標(biāo)移上去懸浮在鏈接上

那么 a: link 和 a: hover 這兩條生效，由于 a: hover 在后面，所以樣式3覆蓋了樣式1，顯示的是鼠標(biāo)移上去懸浮在鏈接上這個樣式

3. 鼠標(biāo)按了下去

那么 a:link 、 a:hover 和 a:active 這三條生效， a:active 覆蓋了前兩者，顯示出來的就是鼠標(biāo)點擊時候的樣式。

4. 點擊完發(fā)生鏈接之后

那么 a: visited 這一條永久生效，顯示出來的就是鏈接后的樣式。

總之，必須是，

HTML css 標(biāo)簽點擊后樣式

a:link{text-decoration:none; ? /* 指正常的未被訪問過的鏈接*/}

a:visited{text-decoration:none; /*指已經(jīng)訪問過的鏈接*/}

a:hover{text-decoration:none;/*指鼠標(biāo)在鏈接*/}

a:active{text-decoration:none;/* 指正在點的鏈接*/ }

把這些的顏色都設(shè)置一下便可以解決。

一個網(wǎng)頁對應(yīng)多個?HTML文件， 超文本標(biāo)記語言文件以.htm（磁盤操作系統(tǒng) DOS限制的外語縮寫）為 擴(kuò)展名或.html（外語縮寫）為 擴(kuò)展名。可以使用任何能夠生成 TXT類型 源文件的文本編輯器來產(chǎn)生超文本標(biāo)記語言文件，只用修改文件 后綴即可。

超文本標(biāo)記語言， 標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用。

“ 超文本 ”就是指頁面內(nèi)可以包含圖片、 鏈接，甚至音樂、 程序等非文字元素。

使用CSS如何實現(xiàn)鼠標(biāo)點擊元素后向該元素添加樣式

使用CSS實現(xiàn)鼠標(biāo)點擊元素后向該元素添加樣式，首先需要理解這個點擊事件，通過單獨的css或者是html是無法實現(xiàn)的，一般都需要結(jié)合Js來做，需要獲取到這個元素，然后在通過js來改變元素的樣式，在html中需要添加一個點擊事件，也就是onclick，然后就是可以來實現(xiàn)，具體看下代碼：

html

head

style

#round{

width:300px;

height:200px;

}

/style

/head

script

function iLeft(){

var oDiv = document.getElementById('round');

oDiv.style.left = 400+'px'; //通過js改變這個div的left值

}

/script

body

div id='round'

pa href='' onclick="iLeft()" 我是測試文字/a/p

/div

/body

/html

新聞名稱：css點擊后樣式,css設(shè)置點擊后的樣式
文章來源：http://chinadenli.net/article1/dsggcid.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計公司、外貿(mào)建站、網(wǎng)頁設(shè)計公司、靜態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)

廣告

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