CSS否定伪类
css否定伪类
html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<link rel="stylesheet" type="text/css" href="../css/stu3-5-3.css"/>
</head>
<body>
<div>
<table>
<tr>
<td><label>姓名:</label></td>
<td><input type="text" placeholder="请输入姓名"></input></td>
</tr>
<tr>
<td><label>登录名:</label></td>
<td><input type="text" placeholder="请输入登录名"></input></td>
</tr>
<tr>
<td><label>密码:</label></td>
<td><input type="password" placeholder="请输入密码"></input></td>
</tr>
<tr>
<td><label>性别:</label></td>
<td>
<select>
<option value="">请选择</option>
<option value="0">男</option>
<option value="1">女</option>
</select>
</td>
</tr>
</table>
</div>
</body>
</html>
/*否定伪类*/
input:not([type="password"]) {
border-radius: 5px;
font-size: 12px;
color: red;
}