CSS-伪类的分类
2022-06-05 本文已影响0人
测试探索
一、伪类的分类：
状态伪类和结构性伪类
image.png
二、目录和代码
image.png
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<p>http://www.baidu.com</p>
<p>test</p>
<p>test1</p>
<h1>大标题</h1>
<table border="1" width = "500px">
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</table>
</body>
</html>
index.css
p:first-of-type{
background-color: red;
}
td:nth-child(2){
background-color: red;
}
image.png
