CSS3选择器用于选择HTML元素的样式。以下是一些常用的CSS3选择器:
- 元素选择器:通过元素名称选择元素。
例如,选择所有的段落元素:
p { /* CSS样式 */ }
- 类选择器:通过类名选择元素。
例如,选择所有具有"red"类的元素:
.red { /* CSS样式 */ }
- ID选择器:通过元素的唯一ID选择元素。
例如,选择具有"my-element" ID的元素:
#my-element { /* CSS样式 */ }
- 属性选择器:通过元素的属性选择元素。
例如,选择所有具有"type"属性的输入元素:
input[type] { /* CSS样式 */ }
- 后代选择器:选择某个元素的后代元素。
例如,选择所有段落元素内部的 strong 元素:
p strong { /* CSS样式 */ }
- 子元素选择器:选择某个元素的直接子元素。
例如,选择所有 div 元素的直接子元素 p 元素:
div > p { /* CSS样式 */ }
以上只是一些常见的CSS3选择器示例,还有更多选择器可以用于选择不同类型的元素。可以根据需要选择适当的选择器来设置样式。