HTML5和CSS3作為前端技術(shù)的重要組成部分，有許多強(qiáng)大的功能和特性，其中選擇器是網(wǎng)頁(yè)布局中的重要組成部分。選擇器是通過(guò)HTML元素的屬性來(lái)選定元素，從而樣式化網(wǎng)頁(yè)。在這里，我們將介紹一些基本的HTML5和CSS3選擇器代碼。

/* 通過(guò)標(biāo)簽選擇器選定元素 */
p {
font-size: 18px;
}
/* 通過(guò)類名選擇器選定元素 */
.text {
color: #333;
}
/* 通過(guò)id選擇器選定元素 */
#header {
background-color: #fff;
}
/* 通過(guò)后代選擇器選定元素 */
main li {
font-weight: bold;
}
/* 通過(guò)子元素選擇器選定元素 */
header >nav {
display: flex;
}
/* 通過(guò)偽類選擇器選定元素 */
a:hover {
color: #fff;
}
/* 通過(guò)偽元素選擇器選定元素 */
h1::before {
content: "<<";
}
/* 通過(guò)屬性選擇器選定元素 */
input[type="text"] {
border: 1px solid #ccc;
}

這里我們介紹了標(biāo)簽選擇器、類名選擇器、id選擇器、后代選擇器、子元素選擇器、偽類選擇器、偽元素選擇器和屬性選擇器這些HTML5和CSS3選擇器基本的代碼。他們可以方便我們選定元素并樣式化網(wǎng)頁(yè)。