css~选择器 CSS [attribute] 选择器

css~选择器

CSS 选择器是 CSS 中最重要的部分，它用于指定 HTML 元素，以便应用样式。CSS 选择器可以根据元素的 ID、类、属性、伪类或元素名称来选择 HTML 元素。

CSS 选择器可以分为三大类：基本选择器、属性选择器和伪类选择器。

1. 基本选择器：包含元素选择器、ID 选择器、类选择器、伪元素选择器。 
2. 属性选择器：包含子字符串匹配选拵、部分匹配选拵、完全匹配选拵。 
3. 伪类选择器：包含链式伪类、功能性伪类。 

CSS 基本选择器是一个常见的 CSS 选择方法，它可以根据 HTML 元素的 ID 或者 class 来进行样式设定。例如，使用 #id 选取 id="id" 的 HTML 元素；使用 .class 选取 class="class" 的 HTML 元素。

#id {  // id 选取   color: red; }   .class { // class 选取   font-size: 14px; }

CSS 属性选择器是一个常见的 CSS 适应方法，它可以根据 HTML 元素的特定特征来进行样式设定。例如，使用 [attribute] 来匹配所有带有 attribute 的元素；使用 [attribute=value] 来匹配所有 attribute="value" 的元素。

[attribute] { // attribute 适应   font-weight: bold; }   [attribute=value] { // attribute="value" 适应   color: blue; }

CSS 伪元件/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对象/伪对 还是一个常用的 CSS 过度方法，它可以标识特定链式或功能性的 HTML 元件来进行样式处理。例如 :hover 被申明地衣片上时间时间时间时间时间时间时间时间时间时闐 :active 被声明地衣片上单击交互交互交互交互交互交互交互

:hover { // hover 状态   background-color: yellow; }   :active { // active 状态   font-style: italic; }
CSS [attribute] 选择器
CSS [attribute] 选择器
完整CSS选择器参考手册
定义和用法
[attribute]选择器选择具有指定属性的元素。
element1 [attribute]也称为简单属性选择器。
简单属性选择器根据属性的存在选择任何元素，而不管属性的值。
例子：
a[rel] {border-bottom: 3px  double   gray;}
p[class]  {border: 1px  dotted silver;}
   
  实例
实例 1
选择所有带有target属性的 <a>元素：
      a[target]
{ 
background-color:yellow;
}  


实例 2
选择所有带有href属性的元素：
  [href] {  
border: thin black solid; 
 padding: 4px;
}

浏览器支持
所有主流浏览器都支持 [attribute]选择器。
Note: [attribute] 在IE8中运行，必须声明 <!DOCTYPE> .
相关文章
CSS 教程: CSS 属性选择器
完整CSS选择器参考手册