CSS 高级技巧总结
1. CSS选择器的使用
1.1 基本选择器
CSS选择器是用来选择HTML元素，从而对其应用样式。在CSS中有多种基本选择器：
标签选择器：选择指定的HTML标签。例如，选择所有的p标签：
p {
color: red;
}
这里使用了标签选择器，将所有的p标签文本颜色设置为红色。
类选择器：选择带有指定class属性的元素。例如，选择class为"my-class"的元素：
.my-class {
font-weight: bold;
}
这里使用了类选择器，将class为"my-class"的元素文字加粗。
id选择器：选择带有指定id属性的元素。例如，选择id为"my-id"的元素：
#my-id {
background-color: yellow;
}
这里使用了id选择器，将id为"my-id"的元素背景颜色设置为黄色。
1.2 属性选择器
属性选择器可以根据元素的属性值来选择元素。有以下几种常见的属性选择器：
属性存在选择器：选择带有指定属性的元素。例如，选择所有带有title属性的元素：
[title] {
color: blue;
}
这里使用了属性存在选择器，将带有title属性的元素文字颜色设置为蓝色。
属性值选择器：选择带有指定属性值的元素。例如，选择所有title属性值为"example"的元素：
[title="example"] {
font-size: 20px;
}
这里使用了属性值选择器，将title属性值为"example"的元素字体大小设置为20像素。
属性值包含选择器：选择带有指定属性值的元素，属性值可以是空格分隔的多个值中的一个。例如，选择所有title属性值包含"example"的元素：
[title~="example"] {
text-decoration: underline;
}
这里使用了属性值包含选择器，将title属性值包含"example"的元素添加下划线样式。
属性值前缀选择器：选择带有以指定值开头的属性值的元素。例如，选择所有href属性值以"http://"开头的元素：
...
（以下省略）