目录
4. 伪类选择器
伪类：不存在的类，特殊的类。用来描述一个元素的特殊状态如：第一个子元素、被点击的元素、鼠标移入的元素.…
伪类一般情况下都是使用：开头
n：第n个，n的范围0到正无穷
2n或even：选中偶数位的元素
2n+1或odd：选中奇数位的元素
以上这些伪类都是根据所有的子元素进行排序的
这几个伪类的功能和上述的类似，不同点是他们是在同类型元素中进行排序的
/* ul下第一个li，红色 */
ul>li:first-child {
color: red;
}
/* ul下最后一个li，黄色 */
ul>li:last-child {
color: orange;
}
/* ul下所有li，黑色 */
ul>li {
color: black;
}
/* ul下第偶数个li，黄色 */
ul>li:nth-child(2n) {
color: yellow;
}
/* ul下第奇数个li，绿色 */
ul>li:nth-child(odd) {
color: green;
}
/* ul下除了第三个li，其余都是红色 */
ul>li:not(:nth-of-type(3)) {
color: red;
}由于隐私的原因，所以visited这个伪类只能修改链接的颜色
a:link {
color: red;
}
a:visited {
color: yellow;
}
a:hover {
color: green;
}
a:active {
color: blue;
}5. 伪元素选择器
伪元素，表示页面中一些特殊的并不真实的存在的元素（特殊的位置）
伪元素使用 :: 开头
::before和::after必须结合content属性来使用
/* 段落首字母设置大小为30px */
p::first-letter{
font-size: 30px;
}
/* 段落第一行设置为黄色背景 */
p::first-line{
background-color: yellow;
}
/* 段落选中的部分变绿色 */
p::selection{
background-color: green；
}
/* div前加上内容 */
div::before{
content: 'BEFORE';
color: red;
}
/* div后加上内容 */
div::after{
content: 'AFTER';
color: blue;
}css选择器_船长在船上的博客-CSDN博客
欢迎来访船长在船上的博客，如有疑问可以留言、评论，看到后会及时回复。
4、使用CSS选择器设置特定
在HTML中，标签用于定义表格中的单元格，要设置的宽度，可以使用CSS样式来实现，以下是详细的技术教学：
（图片来源网络，侵删）
1、内联样式
在HTML元素中使用style属性直接定义CSS样式，为设置宽度为100像素：
单元格内容
2、内部样式表
在HTML文档的部分使用标签定义内部样式表，为所有设置宽度为100像素：
| 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 |
3、外部样式表
将CSS样式定义在一个单独的文件中，然后在HTML文档中使用标签引用该文件，创建一个名为styles.css的文件，其中包含以下内容：
td {
width: 100px;
}
在HTML文档的部分引用该样式表：
| 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 |
4、使用CSS选择器设置特定的宽度
如果需要为特定的设置宽度，可以使用CSS选择器，为第一个表格行的第一个单元格设置宽度为150像素：
| 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 |
5、使用百分比设置宽度相对于父元素或表格宽度的比例，为所有设置宽度为表格宽度的50%：
| 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 |
