在CSS中,我們可以通過選取特定的元素來制定屬性標(biāo)簽,從而改變?cè)氐臉邮健O旅嫖覀儗⒂懻搸追NCSS中常用的基本選取器。
CSS 代碼: p { color: red; }
上述代碼中,我們使用了“p”標(biāo)簽,即“段落標(biāo)簽”,來選取所有段落元素,并將它們的顏色設(shè)置為紅色。
CSS 代碼: #id { font-size: 20px; }
除了通過HTML標(biāo)簽名來選取元素,我們還可以使用元素的“id”屬性來選取特定元素。上述代碼中,“#id”表示選取ID屬性為“id”的元素,并將它們的字體大小設(shè)置為20像素。
CSS 代碼: .class { background-color: yellow; }
同樣地,我們也可以通過元素的“class”屬性來選取特定元素。上述代碼中使用了“.class”來選取class屬性為“class”的所有元素,并將它們的背景顏色設(shè)置為黃色。
除此之外,我們還可以使用相鄰兄弟選擇器、“子元素選擇器”、“屬性選擇器”等選擇器來選取指定的元素。
CSS 代碼: p + p { margin-top: 10px; }
上述代碼中使用了相鄰兄弟選擇器“+”,選取緊跟在某元素后的同級(jí)元素,并將它們的上邊距設(shè)置為10像素。
CSS 代碼: div >span { color: blue; }
上述代碼中使用了子元素選擇器“>”,選取父元素為“div”的所有子元素中的“span”元素,并將它們的顏色設(shè)置為藍(lán)色。
CSS 代碼: input[type="text"] { border: 2px solid green; }
上述代碼中使用了屬性選擇器“[]”,選取所有type屬性值為“text”的“input”元素,并將它們的邊框設(shè)置為2像素固定綠色。
以上就是CSS中常用的基本選取器,通過選取指定的元素,我們可以更靈活地制定元素的樣式及布局,從而達(dá)到更好的頁(yè)面設(shè)計(jì)效果。