十，伪类的分类
2020-12-17 本文已影响0人
好多可乐
一，伪类的分类：
1，状态伪类：当选择得目标对象状态发生改变后，进行什么样的样式设置。（见章节9）
2，结构性伪类：选择子元素去使用的
二，结构性伪类的属性：
1，:first-child：选择父元素的第一个子元素
2, :last-child：选择父元素的最后一个子元素
3, :nth-child(num)：选择某个元素的一个或多个特定的子元素
4, :nth-last-child(num)：选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算
5, :first-of-type：选择一个上级元素下的第一个同类子元素
<html>
<head>
<link rel="stylesheet" href="test8.css">
</head>
<body>
<a type="text">慕课网1</a>
<a type="text">慕课网2</a>
<a type="text">慕课网3</a>
<table border="1" width="300px">
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
</body>
</html>
a:nth-child(3){
background-color: yellow;
}
td:nth-last-child(2){
background-color: red;
}
