推广 热搜: csgo  vue  angelababy  2023  gps  新车  htc  落地  app  p2p 

CSS 属性 选择器

   2023-07-13 网络整理佚名1140
核心提示:选择器具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id。才支持属性选择器!IE6和更低的版本不支持属性选择器。属性选择器属性和值选择器下面是包含指定值的title属性的元素样式的例子,使用(~下面是包含指定值的lang属性的元素样式的例子,使用(|)分隔属性和值:属性选择器样式无需使用class或id的形式:

CSS 属性选择器用于设置具有特定属性的 HTML 元素的样式

HTML 元素的样式使用特定的属性,而不仅仅是 class 和 id。

注意:IE7和IE8需要声明! 支持属性选择器! IE6及以下版本不支持属性选择器。

属性选择器

以下示例将所有包含标题的元素变为蓝色:

例子

[标题]{颜色:蓝色;}

尝试一下”

属性和值选择器

以下示例更改 title='' 元素的边框样式:

例子

[标题=]{:;}

尝试一下”

属性和值的选择器 - 多值

以下是使用包含指定值的 title 属性设置元素样式的示例,并使用 (~) 分隔属性和值:

例子

[标题~=你好]{颜色:蓝色; }

尝试一下”

以下是包含具有指定值的 lang 属性的元素样式示例,使用 (|) 分隔属性和值:

例子

[lang|=zh]{颜色:蓝色; }

尝试一下”

表格风格

属性选择器样式不需要使用class或id的形式:

例子

输入[类型=“文本”]{宽度:150px;:块;-:10px;-颜色:;}输入[类型=“”]{宽度:120px;-左:35px;:块;}

尝试一下”

 
标签: css选择器 css
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报
Powered By DESTOON