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

首頁 > 開發 > CSS > 正文

Div和CSS編寫中對包含選擇器和通配選擇器的使用

2024-07-11 08:33:19
字體:
來源:轉載
供稿:網友

包含選擇器
包含選擇器也叫派生選擇器,顧名思義,是一種具有包含關系的選擇。
多個選擇器以空格分開,組合成包含關系,且右邊的選擇器從屬于左邊(即右邊的選擇器只能在左邊的選擇器范圍內選擇)。
一個包含選擇器的應用示例:

CSS Code復制內容到剪貼板
  1. #nav a{        text-decoration: none;   
  2. }  

這個例子表示對“id="nav"”的元素里面的超鏈接<a>應用該樣式(超鏈接取消下劃線),而其他網頁元素的超鏈接不受影響。
包含選擇器是常用的選擇器之一,它讓我們能對一些元素做精確的個性化設定。
選擇器組合
上面講到的包含選擇器,實際可以看著是一種選擇器的組合。顯然,利用選擇器的組合,可以更加精確的將樣式應用到網頁元素,以實現豐富多彩的個性化顯示。
除了這種包含組合之外,我們還可以有如下一些常見的組合:
類型限定類:如div.class ul li{ }
雙重組合類:如div.class ul.catlist { }
偽類:如#nav h2 a:hover
以上這些例子只是為了說明選擇器的組合,在實際應用中可能會有一定差異。善用選擇器組合,可以使我們的CSS文檔更有條理更簡潔。
選擇器分組
選擇器分組表示將有多個有相同樣式定義的選擇器以逗號進行分組。
例子:

CSS Code復制內容到剪貼板
  1. h1,h2,h3,h4,h5,h6,div{        font-size :14px;   
  2. }  

上面就表示將標題h1至h6及div標簽內的字體統一設定為14像素。
注意選擇器分組和包含選擇器的區別。

通配選擇器
和很多語言一樣,“*”這個符號在CSS里代表所有,即通配選擇器。
例子:

CSS Code復制內容到剪貼板
  1. *{ font-size: 12px; }  

這個例子表示將網頁中所有元素的字體定義為12像素,當然這是舉個例子,一般不會做這么極端的定義。
在實際應用中,更多的可能如下:

CSS Code復制內容到剪貼板
  1. *{        margin: 0;   
  2.     padding: 0;    }  

這個定義的含義是將所有元素的外邊距和內邊距定義為0,而在具體需要設定內外邊距的時候,再具體定義。從這個例子可以看出,通配選擇器的作用更多是用于對元素的一種統一預設定。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 磴口县| 梅州市| 青川县| 嫩江县| 宁河县| 嘉义县| 湄潭县| 济南市| 津南区| 旌德县| 东方市| 南木林县| 扶沟县| 庄浪县| 盱眙县| 新巴尔虎右旗| 丰台区| 石柱| 茌平县| 莫力| 合川市| 诸城市| 永济市| 曲松县| 正阳县| 博白县| 上蔡县| 宁乡县| 彩票| 乌鲁木齐县| 邵阳县| 穆棱市| 浦北县| 蕉岭县| 嵊泗县| 辽中县| 于都县| 文山县| 泰来县| 靖远县| 横山县|