CSS3---结构性伪类选择器—not

结构性伪类选择器—not

:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成：

form {
  width: 200px;
  margin: 20px auto;
}
div {
  margin-bottom: 20px;
}
input:not([type="submit"]){
  border:1px solid red;
}

相关HTML代码：

  

    Text Input:
    
  
  

    Password Input:
    
  
  

    
  
  ​

演示结果：

转载于:https://www.cnblogs.com/beast-king/p/4477144.html