CSS選擇器是指用來選取HTML元素,并對其應用樣式的方式。而CSS的普通選擇器就是最基本的選擇器,它能夠根據標簽名、類名、id等來選擇元素,并對其應用樣式。下面是幾種常見的CSS普通選擇器:
/* 標簽選擇器,選取所有的p標簽 */ p { color: red; } /* 類選擇器,選取所有類名為red的元素 */ .red { color: red; } /* id選擇器,選取id為example的元素 */ #example { font-size: 20px; }
其中標簽選擇器選取所有的指定標簽元素,并將樣式應用到其中;類選擇器選取所有類名為指定名稱的元素,并將樣式應用到其中;id選擇器選取指定id名稱的元素,并將樣式應用到其中。
我們也可以將多個選擇器組合起來,以選擇更具體的元素。
/* 選取類名為red的p標簽 */ p.red { font-size: 18px; } /* 選取id為example的類名為red的p標簽 */ #example p.red { font-size: 20px; }
這里的p.red表示僅選擇類名為red的p標簽,而#example p.red則表示選擇id為example的元素下的所有類名為red的p標簽。
總之,在使用CSS樣式時,使用普通選擇器可以幫助我們快速、方便地為HTML元素添加樣式,使得網頁更加美觀和易懂。
上一篇dw什么是css
下一篇dw為什么css樣式無效