CSS是一種用于網頁設計和制作的語言,它可以幫助我們控制HTML文檔的外觀和布局。其中,選擇器是一種用于指定樣式應用位置的方法。在CSS中,有三種基本的選擇器名稱:元素選擇器、ID選擇器和類選擇器。
/* 將p元素的文本顏色設置為紅色 */ p { color: red; }
元素選擇器是指直接使用HTML元素名稱來指定樣式位置。例如,上述代碼中的“p”就是指HTML中的段落元素。這種選擇器比較常用,因為它可以幫助我們將特定樣式應用到文檔中的所有相同元素。
/* 將ID為“container”的div元素的背景顏色設置為灰色 */ #container { background-color: gray; }
ID選擇器是指通過元素ID來指定樣式位置。每個HTML元素都可以有一個唯一的ID。在CSS中,我們可以使用“#”符號來指定該ID。例如,上述代碼中的“container”就是指HTML中一個帶有“id=container”的元素。這種選擇器比較適用于特定位置的樣式控制,因為每個ID只能在文檔中出現一次。
/* 將class為“box”的任意元素的邊框設置為1px寬的實線 */ .box { border: 1px solid black; }
類選擇器是指通過元素類名來指定樣式位置。在HTML中,我們可以為多個元素指定相同的類名,以便通過CSS來控制它們的樣式。在CSS中,我們可以使用“.”符號來指定類名。例如,上述代碼中的“box”就是指HTML中一個帶有“class=box”的元素。這種選擇器比較靈活,因為我們可以通過多個元素共享相同的類名來精細控制它們的樣式。