/* 选择所有元素 */ * {} /* 选择指定元素 */ element {} /* 选择所有段落 */ p {} /* 选择所有标题 */ h1, h2, h3, h4, h5, h6 {} /* 选择所有链接 */ a {} /* 选择所有带有特殊target的链接 */ a[target="_blank"] {} /* 选择所有图像元素 */ img {} /* 选择所有表格 */ table {} /* 选择表格中所有表格单元格 */ td {} /* 选择表格中所有表头单元格 */ th {} /* 选择所有表格中的行 */ tr {} /* 选择表格中第一行 */ tr:first-child {} /* 选择表格中最后一行 */ tr:last-child {} /* 选择表格中的奇数行 */ tr:nth-child(odd) {} /* 选择表格中的偶数行 */ tr:nth-child(even) {} /* 选择所有表单 */ form {} /* 选择所有文本输入框 */ input[type="text"] {} /* 选择所有密码输入框 */ input[type="password"] {} /* 选择所有下拉框 */ select {} /* 选择所有按钮 */ button {} /* 选择所有包含图片的元素 */ :has(img) {} /* 选择所有包含某个文本的元素 */ :contains("text") {} /* 选择所有没有子元素的元素 */ :empty {}
这些CSS3元素选择器可以使大家的CSS更加灵活和动态,同时也可以帮助大家更好地掌握网页的结构和布局。