什么是CSS？
CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用于描述网页上内容与样式分离的标记语言。它可以用来控制文本排版、颜色、字体、元素间距、元素位置等网页外观的样式。
CSS如何选择元素？
在CSS中，我们可以使用选择器来选中一个或多个元素，然后再为这些元素设置样式。选择器可以根据元素的标签名、类名、ID等属性来选择元素，可以根据元素在文档中的位置来选择元素，还可以根据元素是否拥有某些属性值来选择元素。
其中，最常用的选择器是标签选择器。例如，要修改所有元素的文本颜色为红色，可以这样写：
p {
color: red;
}
这样，所有的元素的文本颜色就都变成了红色。
如何修改第n个元素的样式？
使用:first-child和:nth-child选择器
在CSS中，我们可以使用:first-child和:nth-child选择器来选择某个元素的第一个或第n个兄弟元素。其中，:first-child选择器选中某个元素的第一个兄弟元素，而:nth-child(n)选择器选中某个元素的第n个兄弟元素。
例如，要修改第3个<a>元素的文本颜色为红色，可以这样写：
a:nth-child(3) {
color: red;
}
这样，文档中第3个<a>元素的文本颜色就变成了红色。
同时，也可以使用:first-child选择器来选择某个元素的第一个兄弟元素。例如，要修改第一个元素的字体大小为20px，可以这样写：
p:first-child {
font-size: 20px;
}
这样，文档中第一个元素的字体大小就变成了20px。
使用:nth-of-type选择器
除了使用:nth-child选择器，还可以使用:nth-of-type选择器来选择某个元素的第n个相同类型的兄弟元素。这里的“相同类型”是指标签名相同的元素。
例如，要修改第3个<span>元素的文本颜色为红色，可以这样写：
span:nth-of-type(3) {
color: red;
}
这样，文档中第3个<span>元素的文本颜色就变成了红色。
使用:nth-child和:nth-of-type结合
有时候，我们需要选择某个元素在它自己类型中的第n个元素。例如，如果文档中同时存在多个元素和<div>元素，我们要选择第2个元素，而不是第2个元素。
这时，可以将:nth-child和:nth-of-type结合使用。例如，要修改第2个元素的字体颜色为蓝色，可以这样写：
p:nth-of-type(2) {
color: blue;
}
这样，文档中第2个元素的字体颜色就变成了蓝色。
CSS选择器的优先级
在CSS中，同一个元素可能会被多个选择器选中并设置不同的样式。这时，就需要了解CSS选择器的优先级。
CSS选择器的优先级是由选择器中包含的样式的特殊性(spencificity)来决定的。特殊性是根据选择器中包含的各种选择器来计算的，不同选择器的特殊性如下：
标签选择器和伪元素选择器的特殊性为0，无论出现了多少次。
类选择器、属性选择器和伪类选择器的特殊性为1。
ID选择器的特殊性为100，要比其他选择器的特殊性高。
通配选择器的特殊性为0，但如果它被用作一个组合选择器的一部分，其特殊性就要计算在内。
当多个选择器的特殊性相同时，最后定义的样式将覆盖之前的样式。如果特殊性不同，则特殊性大的样式优先级更高。
例如，如果要同时为一个元素设置两个样式：
p {
color: red;
}
#myP {
color: blue;
}
如果该元素既有元素的标签，又有一个ID为“myP”，则其样式为蓝色，因为ID选择器的特殊性要比标签选择器的特殊性高。
如果要提高标签选择器的优先级，可以使用后代选择器、子选择器、相邻兄弟选择器或通配选择器。例如，要优先使用ID选择器为某个元素设置样式，可以这样写：
#myDiv p {
color: blue;
}
这样，只有在该元素包含了ID为“myDiv”的元素，并且为自己的子元素中的元素设置了蓝色，否则还是会使用元素的默认样式。
总结
在CSS中，我们可以使用选择器来选中一个或多个元素，然后再为这些元素设置样式。选择器可以根据元素的标签名、类名、ID等属性来选择元素，可以根据元素在文档中的位置来选择元素，还可以根据元素是否拥有某些属性值来选择元素。
要修改第n个元素的样式，可以使用:first-child和:nth-child选择器来选择某个元素的第一个或第n个兄弟元素。也可以使用:nth-of-type选择器选择某个元素的第n个相同类型的兄弟元素。而如果要选择某个元素在它自己类型中的第n个元素，可以将:nth-child和:nth-of-type结合使用。
最后，在设置元素样式时，需要了解CSS选择器的优先级，以便正确地设置样式。