欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中的各類選擇器

劉姿婷2年前10瀏覽0評論

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í)樣式為下劃線。