在CSS中,選擇器類型有很多,用于選擇網頁中的各種元素。本文將會介紹一些常見的CSS選擇器類型:
1. 元素選擇器 元素選擇器是最基本的選擇器類型。它選擇所有指定元素類型的元素,如p、a、div等。 例如:p { color: red; } 以上代碼將所有p標簽的文本顏色設置為紅色。 2. 類選擇器 類選擇器用于選擇網頁中指定類別的元素。它以點(.)作為前綴,后面跟一個類名,如.my-class。 例如:.my-class { font-weight: bold; } 以上代碼將擁有class="my-class"屬性的所有元素的字體加粗。 3. ID選擇器 ID選擇器用于選擇唯一的元素。它以井號(#)作為前綴,后面跟一個唯一id名,如#my-id。 例如:#my-id { background-color: blue; } 以上代碼將擁有id="my-id"屬性的元素背景色設置為藍色。 4. 子元素選擇器 子元素選擇器用于選擇某個元素的子元素。它以大于號(>)作為分隔符,前面是父元素,后面是子元素的類型。 例如:div >p { text-align: center; } 以上代碼將所有在div標簽下的p標簽的文本居中。 5. 后代選擇器 后代選擇器用于選擇某個元素的子孫元素。它以空格作為分隔符,前面是祖先元素,后面是后代元素。 例如:div p { font-size: 16px; } 以上代碼將所有在div標簽內的p標簽的字體大小設置為16px。
上一篇css邊框帶陰影效果圖
下一篇mysql 自動創建表