CSS中的選擇器是用來選取HTML文檔中的元素的基本工具。下面我們將介紹一些常見的CSS選擇器,包括標(biāo)簽選擇器、id選擇器、類選擇器、后代選擇器、組合選擇器和偽類選擇器。
/* 標(biāo)簽選擇器 */ p { color: blue; } /* id選擇器 */ #header { background-color: gray; } /* 類選擇器 */ .menu { font-size: 20px; } /* 后代選擇器 */ ul li { border: 1px solid black; } /* 組合選擇器 */ h1, h2, h3 { color: red; } /* 偽類選擇器 */ a:hover { text-decoration: underline; }
標(biāo)簽選擇器使用HTML中元素的名稱來匹配指定樣式,如上述例子中的p標(biāo)簽樣式為blue。
id選擇器則使用HTML中的id屬性來選定的元素,如上述例子中的header元素樣式為gray。
類選擇器則使用HTML中的class屬性來選定的元素,如上述例子中的class為menu的元素樣式為20px。
后代選擇器則選中指定元素的所有后代元素,如上述例子中的ul下所有l(wèi)i元素樣式為黑色邊框。
組合選擇器則選中指定的多個(gè)元素,如上述例子中選擇h1、h2和h3元素的樣式均為紅色。
偽類選擇器則為選中的元素添加特殊的效果,如上述例子中a元素鼠標(biāo)懸停時(shí)樣式為下劃線。