官术网_书友最值得收藏!

首頁 >

Python網(wǎng)絡(luò)爬蟲入門到實戰(zhàn)

1.6 選擇器

選擇器種類很多，學(xué)習(xí)一些常用的標(biāo)簽即可，如下所示。

1）標(biāo)簽選擇器。

2）類選擇器。

3）ID選擇器。

4）全局選擇器。

5）屬性選擇器。

6）包含選擇器。

不同的資料對其稱呼可能不同，但是使用方法基本一樣。

1.6.1 標(biāo)簽選擇器

下面有一段很基礎(chǔ)的html代碼（案例文件：CSS/1.html），如下所示。

運行結(jié)果如圖1-44所示。

從運行結(jié)果中可以發(fā)現(xiàn)，每一個段落都在一對<p></p>標(biāo)簽中，如果想設(shè)置顏色和字體居中等，逐個去修改就太麻煩了。這里可以使用CSS中的標(biāo)簽選擇器，一般將它放到head的<style></style>標(biāo)簽中。

?圖1-44 運行結(jié)果

案例：將上面的一段HTML字體位置設(shè)置為居中，顏色設(shè)置為紅色，只需要在<head></head>中添加如下標(biāo)簽內(nèi)容即可。

補充說明：

1）p是CSS中的選擇器，它指向的是p標(biāo)簽。

2）color是顏色屬性，red是它的屬性值，也可以嘗試修改為別的值。

3）text-align是文本位置屬性，值為center表示居中。

這樣就能實現(xiàn)所有<p>標(biāo)簽的調(diào)整，修改效果如圖1-45所示。

?圖1-45 修改效果

完整代碼如下所示（案例文件：CSS/1.html）。

1.6.2 類選擇器

前文使用標(biāo)簽選擇器實現(xiàn)了所有相同名稱的標(biāo)簽修改樣式，如果只需要修改其中一部分的樣式呢？這里就要用到類選擇器了。

如果只想修改某個標(biāo)簽，這個標(biāo)簽必須有特定的class元素。在class名稱前加點，表示只對class為特定某個名稱的標(biāo)簽進行修改。例如下面例子所示，對class為test的p標(biāo)簽進行修改，而class為test2的p標(biāo)簽并沒有修改（案例文件：CSS/2.html）。

修改效果如圖1-46所示。

?圖1-46 修改效果

1.6.3 ID選擇器

和類選擇器的用法基本相同，區(qū)別在于：ID選擇器最好在同一個頁面中只使用一次。修改id需要在開頭添加#號，后跟該元素的id值，比如下面的例子對id值為special的標(biāo)簽修改為紅色居中（案例文件：CSS/3.html）。

執(zhí)行效果如圖1-47所示。

?圖1-47 執(zhí)行效果

1.6.4 全局選擇器

如果想要對所有標(biāo)簽做相同的修改，只需要用*號來選擇即可。比如下面這段代碼，不管它是class還是id，統(tǒng)一修改為紅色居中（案例文件：CSS/4.html文件）。

執(zhí)行效果如圖1-48所示。

?圖1-48 執(zhí)行效果

1.6.5 屬性選擇器

屬性選擇器可以根據(jù)元素的屬性及屬性值來選擇。它的基本語法有如下類似形式。

1）形式1。

2）方式2。

案例1：將<p>標(biāo)簽中包含class的元素對應(yīng)的內(nèi)容修改為藍色且居中，案例代碼如下。

效果如圖1-49所示。

?圖1-49 案例1執(zhí)行效果

案例2：將<p>標(biāo)簽中class屬性且屬性值為bold的內(nèi)容修改為藍色且居中（案例文件：CSS/5.html），案例代碼如下。

執(zhí)行效果如圖1-50所示。

?圖1-50 案例2執(zhí)行效果

1.6.6 包含選擇器

包含選擇器適用于稍微復(fù)雜一點的網(wǎng)頁，因為一般的標(biāo)簽不會全部直接堆積在<body></body>中，在<body></body>中也有可能是分開管理的。

包含選擇器的基本語法為：

案例：修改</div>標(biāo)簽中<p>標(biāo)簽的顏色為紅色且居中（案例文件：CSS/6.htlml），案例代碼如下。

執(zhí)行效果如圖1-51所示。

?圖1-51 執(zhí)行效果

1.6.7 選擇器的綜合使用

如果將前面的選擇器放到一起使用，這樣就能將不同的標(biāo)簽修改為不同的樣式。案例：標(biāo)簽、類、id、全局、屬性，包含選擇器的綜合使用（案例文件：CSS/7.html），案例代碼如下。

執(zhí)行效果如圖1-52所示。

?圖1-52 執(zhí)行效果

主站蜘蛛池模板： 平潭县| 昭通市| 如东县| 华安县| 调兵山市| 沙河市| 昭觉县| 彭泽县| 华亭县| 丘北县| 濮阳市| 邯郸县| 格尔木市| 当涂县| 临沧市| 大城县| 龙泉市| 边坝县| 武功县| 和顺县| 平潭县| 上高县| 南阳市| 凌云县| 科技| 铁岭市| 罗江县| 普兰县| 米泉市| 塔城市| 神木县| 浦县| 亚东县| 镇赉县| 莲花县| 徐汇区| 六安市| 涞水县| 石屏县| 虞城县| 鄂伦春自治旗|