關于CSS基本選擇器,我們可以通過本篇優秀教案來學習使用。CSS選擇器是CSS規則的一部分,它的作用是從HTML文檔中選中需要添加樣式的元素。
1.元素選擇器 p { color: red; } 表示所有的p標簽都采用紅色顏色顯示。 2.ID選擇器 #main { color: blue; } 表示ID為“main”的元素采用藍色顏色顯示。 3.類選擇器 .warning { color: yellow; } 表示類名為“warning”的元素采用黃色顏色顯示。 4.屬性選擇器 input[type="text"]{ color: pink; } 表示所有type屬性值為"text"的input元素采用粉色顏色顯示。 5.后代選擇器 div p { color: orange; } 表示所有div容器內的p元素采用橙色顏色顯示。 6.子選擇器 div >p { color: purple; } 表示div的子元素p采用紫色顏色顯示。 7.偽類選擇器 a:hover { color: green; } 表示鼠標懸停在a標簽上時采用綠色顏色顯示。
以上就是CSS基本選擇器的常見方法,運用熟練可以大大提高開發效率。希望本篇教案對大家有所幫助。
上一篇jq修改css提高層級
下一篇jq修改一個元素的css