中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

CSS的魔法工具——CSS選擇器

2013-04-27    分類(lèi): 網(wǎng)站建設(shè)

作為網(wǎng)站制作前端工程師,通過(guò)CSS可以輕而易舉的改變網(wǎng)頁(yè)顏色、布局,做出好看的效果等,但是想要實(shí)現(xiàn)各種樣式離不開(kāi)CSS選擇器,它就像是魔法工具,讓我們隨意操作網(wǎng)頁(yè)元素的樣式,下邊成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司為大家總結(jié)了一些常用的選擇器。

1、*:通用選擇器

假如我們想讓文檔中的每個(gè)元素都顯示成紅色,我們可以這么做:

* {color:red;}

通用選擇器,可以匹配頁(yè)面所有的元素。

2、.X:類(lèi)選擇器

類(lèi)選擇器的開(kāi)頭用.(點(diǎn))進(jìn)行表示。與ID選擇器的區(qū)別就是可以重用。定義多個(gè)元素的樣式,好比按組進(jìn)行歸類(lèi),同一類(lèi)的樣式統(tǒng)一定義。

.error {

color: red;

}

如果把兩個(gè)類(lèi)串在一起,選擇的就是同時(shí)具有兩個(gè)類(lèi)名的元素,類(lèi)名的順序則無(wú)所謂,比如 class="urgent warning" , css 選擇器你也可以這樣寫(xiě) .warning .urgent。

3、X Y:后代選擇器

后代選擇器,英文名稱(chēng):descendant selector。比如我們要選擇在li元素中包含a標(biāo)簽的鏈接(不是文檔中所有的鏈接),取消下劃線(xiàn)的默認(rèn)樣式,我們可以這樣代碼實(shí)現(xiàn):

li a {

text-decoration: none

}

如果你的選擇器看起來(lái)像X Y Z A B.error這樣就錯(cuò)了。問(wèn)問(wèn)自己是否真的需要加入這么多負(fù)荷, 這樣寫(xiě)的可讀性也太差了。還有一個(gè)需要注意的,后代元素的層級(jí)問(wèn)題,可能會(huì)很深。

4、X:元素選擇器

假如你想針對(duì)Html預(yù)定義的標(biāo)簽,比如類(lèi)似:p,h3,em,a這些標(biāo)簽,我們可以快速為某類(lèi)標(biāo)簽定義樣式。如下段代碼所示:

a { color: red; }

ul { margin-left: 0; }

5、#X:ID選擇器

ID選擇器的開(kāi)頭使用#號(hào),但是你在使用的時(shí)候,需要謹(jǐn)慎。要考慮是否真的需要使用ID選擇器來(lái)定義樣式,id選擇器比較局限,不能重用。因此需要慎重考慮。

#container {

width: 960px;

margin: auto;

}

標(biāo)題名稱(chēng):CSS的魔法工具——CSS選擇器
鏈接分享:http://m.rwnh.cn/news49/799.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名品牌網(wǎng)站建設(shè)、網(wǎng)站制作、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)靜態(tài)網(wǎng)站、網(wǎng)站策劃

廣告

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

外貿(mào)網(wǎng)站制作

網(wǎng)站建設(shè)知識(shí)

武清区| 万年县| 乐业县| 武威市| 灌南县| 平山县| 高雄县| 芦溪县| 丹棱县| 元朗区| 上高县| 商城县| 武胜县| 岗巴县| 襄垣县| 龙南县| 喜德县| 渝北区| 井冈山市| 芦溪县| 都江堰市| 兴国县| 从化市| 吉木乃县| 那曲县| 丹阳市| 浠水县| 平乡县| 涞源县| 象山县| 左贡县| 嘉兴市| 双牌县| 辽中县| 梅河口市| 湘西| 莱州市| 容城县| 吴川市| 行唐县| 义乌市|