国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > CSS > 正文

CSS3 選擇器 偽類選擇器介紹

2024-07-11 08:26:02
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
偽類選擇器對(duì)于大家來(lái)說(shuō)最熟悉的莫過(guò)于:link,:focus,:hover之類的了,因?yàn)檫@些在平時(shí)中是常用到的偽類選擇器,那么先和大家一起簡(jiǎn)單總結(jié)一下CSS中常用的偽類選擇器的使用方法,最后把重心放到CSS3新增加的":nth-child"選擇器的使用方法。

和前面一樣,在開始之前先創(chuàng)建一個(gè)Dom:

復(fù)制代碼
代碼如下:
<div class="demo clearfix">
<ul class="clearfix">
<li class="first links odd" id="first"><a href="">1</a></li>
<li class="links even"><a href="">2</a></li>
<li class="links odd"><a href="">3</a></li>
<li class="links even"><a href="">4</a></li>
<li class="links odd"><a href="">5</a></li>
<li class="links even"><a href="">6</a></li>
<li class="links odd"><a href="">7</a></li>
<li class="links even"><a href="">8</a></li>
<li class="links odd"><a href="">9</a></li>
<li class="links even last" id="last"><a href="">10</a></li>
</ul>
</div>

同樣先加上一些樣式,讓他看起來(lái)好看一點(diǎn)

復(fù)制代碼
代碼如下:
.demo {
width: 300px;
border: 1px solid #ccc;
padding: 10px;
}
.demo li {
border: 1px solid #ccc;
padding: 2px;
float: left;
margin-right:4px;
}
.demo a {
float: left;
display: block;
height: 20px;
line-height: 20px;
width: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
background: #f36;
color: green;
text-decoration: none;
}

最出效果:

CSS的偽類語(yǔ)法和別的語(yǔ)法有點(diǎn)不一樣,其主要有兩種語(yǔ)法表達(dá)方式
E:pseudo-class {property:value}/*其中E為元素;pseudo-color為偽類名稱;property是css的屬性;value為css的屬性值*/
示例:

a:link {color:red;}
第二種寫法

E.class:pseudo-class{property:value}
如:

a.selected:hover {color: blue;}
下面開始我們一起來(lái)看看這些偽類的具體應(yīng)用:

一、動(dòng)態(tài)偽類
動(dòng)態(tài)偽類,因?yàn)檫@些偽類并不存在于HTML中,而只有當(dāng)用戶和網(wǎng)站交互的時(shí)候才能體現(xiàn)出來(lái),動(dòng)態(tài)偽類包含兩種,第一種是我們?cè)阪溄又谐?吹降腻^點(diǎn)偽類,如":link",":visited";另外一種被稱作用戶行為偽類,如“:hover”,":active"和":focus"。先來(lái)看最常見的錨點(diǎn)偽類

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 晋州市| 龙山县| 大理市| 盘锦市| 白山市| 格尔木市| 武宣县| 察雅县| 长岭县| 晴隆县| 顺平县| 安义县| 民丰县| 娄烦县| 巴林右旗| 利辛县| 庆元县| 哈巴河县| 方正县| 大城县| 扶风县| 铁岭市| 淅川县| 黎川县| 黎城县| 日喀则市| 长岛县| 杭州市| 峨山| 广元市| 甘南县| 巩义市| 扬中市| 祁连县| 文水县| 杨浦区| 嫩江县| 上思县| 平远县| 柳林县| 兰西县|