举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css~选择器 CSS [attribute] 选择器

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

2023-03-19 13:20 CSS参考手册

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

css~选择器

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

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

1. 基本选择器: 
    * 标记名选择器(Element Selector) 
    * 类选择器(Class Selector) 
    * ID 选择器(ID Selector) 
    * 相邻兄弟选择器(Adjacent Sibling Selector) 
    * 子代选择器(Child Selector) 
    * 后代选择器(Descendant Selector) 
2. 属性选择器: 
    * [attribute] 通配符匹配所有带有该特定的 attribute 的元素。 
    * [attribute=value] 精准匹配所有带有该特定 attribute 和 value 的元素。 
3. 伪类选择器:  										  	  	  	  	  	  	  	  	  	  	  

    * :hover 悬浮地时间触发的伪类。 
    * :active 被电击时触发的伪类。 
    * :focus 获得焦点时触发的伪类。 

CSS [attribute] 选择器

CSS [attribute] 选择器

CSS 选择器参考手册

实例

为带有 target 属性的 <a> 元素设置样式:

a[target]
{ 
background-color:yellow;
}

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器都支持 [attribute] 选择器。

注释:对于 IE8 及更早版本的浏览器中的 [attribute],必须声明 <!DOCTYPE>。

定义和用法

[attribute] 选择器用于选取带有指定属性的元素。

相关页面

CSS 教程:CSS 属性选择器

CSS 教程:CSS 属性选择器详解

CSS 选择器参考手册

阅读全文
以上是名动网为你收集整理的css~选择器 CSS [attribute] 选择器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们