當前位置:妙知谷 >

職場理財 >職場就業 >

css幾種選擇器的使用

css幾種選擇器的使用

如何讓CSS樣式對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器,HTML頁面中的元素就是通過CSS選擇器進行控制的。

操作方法

(01)標籤選擇器一個完整的HTML頁面有很多不同的標籤組成,比如div、p,而標籤選擇器,則是決定哪些標籤採用相應的CSS樣式,標籤的樣式聲明如下:

css幾種選擇器的使用

(02)ID選擇器ID選擇器在某一個HTML頁面中只能使用一次,就像只有一個身份證 (ID)一樣,不重複!代碼<div id="div2"></div>樣式聲明如圖:用符號”#“

css幾種選擇器的使用 第2張

(03)類選擇器符號“.”使頁面中的某些標籤(可以是不同的標籤)具有相同的樣式,

(04)通用選擇器符號“*”,對整個網頁中所有HTML標籤進行樣式定義,這種功能類似“標籤選擇器”,覆蓋的對象更加廣泛,是整個HTML的所有標籤,功能是強大,但是這樣反而限制了它的靈活性。有些時候為了瀏覽器的兼容問題,需要對html內的所有標籤進行重置,一般放在CSS文件的最頂端,比如

css幾種選擇器的使用 第3張

選擇器的集體聲明

(01)在我們使用選擇器的時候,有些標籤樣式是一樣的,或者某些標籤都有共同的樣式屬性,我們可以將這些標籤集體聲明,不同的標籤用“,”分開,比如:

css幾種選擇器的使用 第4張

選擇器的嵌套

(01)選擇器也是可以嵌套的,每個標籤之間隔一空格,如:#div1 p a{color:#900;}/*意思是在ID為div1內的p標籤內的鏈接a標籤的文字顏色為紅色*/

標籤: 選擇器 CSS
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/zclc/jiuye/z17qgv.html