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

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

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