CSS選擇器可以幫助我們指定不同的HTML元素,并為其指定不同的樣式屬性。在樣式表中,我們可以通過使用選擇器來指定不同的屬性值。下面是一些常用的CSS選擇器:
1. 標簽選擇器:指定標簽的樣式屬性,如p、h1、div等。 2. 類選擇器:在HTML中,我們可以使用class屬性來定義一組元素,通過類選擇器,可以為這一組元素指定樣式屬性。例如:.class {font-size: 14px}。 3. ID選擇器:在HTML中,我們可以使用id屬性來標識唯一的元素,通過ID選擇器,可以為這個唯一的元素指定樣式屬性。例如:#id {color: red}。 4. 子元素選擇器:選擇器中使用“>”符號,可以指定某一元素的子元素,并為其指定不同樣式屬性。 5. 后代元素選擇器:選擇器中使用“ ”符號,可以指定某一元素的后代元素,并為其指定不同樣式屬性。 6. 屬性選擇器:選擇器中使用“[]”符號,可以指定某一元素具有某一屬性,并為其指定不同樣式屬性。
舉個例子,下面的代碼片段使用了后代元素選擇器,將所有在一個div元素內的p元素的顏色設為紅色:
div p { color: #f00; }
這段代碼首先指定一個div元素作為外部選擇器,緊接著是一個空格和p元素作為內部選擇器。注意,空格是用來指定父子關系的,表示選中所有在一個div元素內的p元素。最后一行是用來指定所有選中的p元素的顏色為紅色。
上一篇使用css游戲界面樣式
下一篇使用css為邊框添加樣式