CSS否定伪类

来源:互联网 发布:卡盟顶部源码 编辑:程序博客网 时间:2024/04/30 11:35

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>

css代码
/*否定伪类*/input:not([type="password"]) {border-radius: 5px;font-size: 12px;color: red;}

页面效果



原创粉丝点击