css不包含某属性选择器

在CSS选择器中，我们可以通过指定一个元素拥有某一个属性或属性值来进行选择，比如说某个元素有一个ID属性为 "myId"，我们可以使用 "#myId" 来选中这个元素。但是，如果我们想要选择那些不拥有某个属性的元素，该怎么办呢？

这时候就要用到“不包含某属性选择器（:not()）”了。

 简单实用
  1.不包含某个属性，例如：  
      input:not([type]){  }  // 选择没有 type 属性的 <input> 元素。
  2.不包含某个属性及属性值，例如：
      input:not([type="text"]){  }  // 选择 type 不是 text 的 <input> 元素。
  3. 不包含某个属性及属性值，有多个属性的情况下，例如：
      input:not([type="text"][name="username"]){  }  //选择 type 不是 "text" 且 name 不是 "username" 的 <input> 元素。 

这个伪类选择器可以很方便地过滤出不包含某个属性的元素，例如：

 // 只选中没有 "target" 属性的 <a> 元素
  a:not([target]) {
    color: red;
  } 

可以看到，这个选择器使用的语法是 :not()，其中括号中是需要排除的属性或属性值。我们也可以使用多个 :not() 来筛选更加复杂的选择器，例如：

 // 选中没有 "target" 和 "href" 属性的 <a> 元素
  a:not([target]):not([href]) {
    color: red;
  } 

这样我们就可以很方便地对不包含某属性的元素进行选择了。不过需要注意的是，:not() 只能接受一个简单的选择器，例如一个单独的属性或一个类名，无法接受更加复杂的选择器。