在CSS中,選擇器是一種用來定位HTML元素的方式,而選擇器作用符號則是用來確定選擇器怎樣匹配HTML元素的標(biāo)志。以下是幾種常見的選擇器作用符號:
樣式表中的選擇器: 匹配的元素: E 選擇所有"E"元素 E[attribute] 選擇帶有attribute屬性的所有"E"元素 E[attribute=value] 選擇attribute屬性等于value的所有元素 E[attribute^=value] 選擇attribute屬性以value開頭的所有元素 E[attribute$=value] 選擇attribute屬性以value結(jié)尾的所有元素 E[attribute*=value] 選擇attribute屬性包含value的所有元素 E:first-child 選擇"E"的第一個子元素 E:last-child 選擇"E"的最后一個子元素 E:nth-child(n) 選擇"E"的第n個子元素 E:only-child 選擇"E"是它的父元素的唯一子元素的元素 E:hover 選擇在鼠標(biāo)懸浮時的"E"元素 E:focus 選擇在"E"元素獲得焦點(diǎn)時的元素
與作用符號相關(guān)的一種重要的選擇器是后代選擇器。后代選擇器是用來選擇某個元素的所有后代元素的選擇器,通常使用空格符號來實(shí)現(xiàn)。例如:
ul li { margin: 10px; }
上面的樣式表使用后代選擇器選擇所有"ul"元素中的"li"元素來設(shè)置樣式。這樣的選擇器可以幫助我們將樣式應(yīng)用到多個元素上,而不需要分別為每個元素定義樣式。
下一篇分不注冊css