Css3 选择器 --属性选择器

最新推荐文章于 2022-07-20 16:57:41 发布
最新推荐文章于 2022-07-20 16:57:41 发布
阅读量170 收藏
点赞数
分类专栏： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35187942/article/details/88042645
版权

lE[attr]只使用属性名，但没有确定任何属性值

lE[attr="value"]指定属性名，并指定了该属性的属性值

lE[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写

lE[attr^="value"]指定了属性名，并且有属性值，属性值是以value开头的

lE[attr$="value"]指定了属性名，并且有属性值，而且属性值是以value结束的

lE[attr*="value"]指定了属性名，并且有属性值，而且属值中包含了value

lE[attr|="value"]指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）

l备注：IE7及以上支持;

我的奋斗ing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS3-属性选择器
weixin_57936267的博客
05-08 139
属性选择器 代码段： [class]{} 表示凡是有class类的元素或标签都能设置 <style> /* 属性选择器[class] */ [class]{ background: yellowgreen; } /* 中括号加上class，表示只要是有class属性的，都可以设置上背景颜色 */ </style> </head> <body>
CSS3——属性选择器示例
御承扬的博客
10-24 634
CSS3——属性选择器示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器示例</title> <style type="text/css"> body{ ...
CSS选择器
weixin_44606322的博客
04-12 90
基本选择器 通配符选择器 所有标签 *{font-family:"宋体";} 类型（标签）选择器 使用标签的名字作为选择器 td{color:#F00;} ID选择器 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 每个html标签的id都是不一样的 #info{ color: red; } 类选择器 选择器可以为标有特定class 的 HTML 元素指定特定的样式。 注意：...
Day12CSS选择器和属性
甘乐2333的博客
05-13 220
1.属性选择器 1、E[attr]：只使用属性名，但没有确定任何属性值； 2、E[attr="value"]：指定属性名，并指定了该属性的属性值；空格都不行 3、E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写 4、E[attr^="value"]：指定了属性名，并且有属性值...
CSS3选择器——属性选择器
huang_xiao_wei的博客
12-01 736
CSS选择器——属性选择器
【HTML、CSS练习题3】
m0_46312303的博客
07-20 2912
HTML、CSS练习题（三）
CSS3 选择器——属性选择器
weixin_30887919的博客
11-01 681
上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分，这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。 从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3...
CSS3的first-child选择器实战攻略
09-24
主要介绍了CSS3的first-child选择器实战攻略,包括first-child和:first-of-child的区别以及针对IE兼容问题的讲解,需要的朋友可以参考下
CSS3 选择器 属性选择器介绍
12-13
使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。 从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种： E[attr]：只...
css3-选择器
01-07
文章目录relationship SelectorsAttribute SelectorPesudo-Element SelectorsPseudo-Classes Selectors .../* 选则属性值为“a” 或者属性值里包含单独的“a”的节点 */ div[data~=a]{ } /* 选择满足以“a
详解CSS3中属性选择器新增加的特性
09-24
CSS3的诸多革命性改进中,对属性选择器的增强绝对是亮点之一,这里我们就来详解CSS3中属性选择器新增加的特性,需要的朋友可以参考下
css_属性选择器（根据属性名或属性值设定指定样式）
qq_39181017的博客
06-23 8468
1.[属性名] 选择含有指定属性的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
CSS3 选择器—属性选择器
jeikerxiao
04-20 1452
CSS3 选择器—属性选择器属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种： E[attr]：只使用属性名，但没有确定任何属性值； E[attr=”value”]：指
CSS中的属性选择器
weixin_48637535的博客
08-09 3047
CSS3中共有7种属性选择器，具体说明如下： 1.E[attr]：只使用了属性名，并没有确定任何属性值。 2.E[attr="value"]：指定了属性名，并指定了该属性的属性值。 3.E[attr~="value"]：指定了属性名，并指定了该属性的属性值，此属性值是一个词列表，并且以空格隔开，其中的词列表包含一个value值，而且“~”不可忽略。 4.E[attr^="value"]：指定了属性名，并指定了该属性的属性值，属性值是以value开头的。 5.E[attr$="value"]：指定了
13-css3属性和选择器
qq_43998496的博客
07-22 174
CSS3 CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
热门推荐
林中明月间丶
04-12 1万+
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta
[教程] CSS3 选择器——属性选择器（一）
07-24 1075
上一篇在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分，这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。 E[attr]：只使用属性名，但没有确定
css3增强的选择器功能,详解CSS3中属性选择器新增加的特性
weixin_32187075的博客
08-03 169
零、概览CSS2支持的属性选择器用一个表达式[{属性 | 属性 {= | |= | ~=} 值}]1.[class="a"]只能匹配class="a"的元素2.[class~="a"]则可以匹配class="a"、class="a b"的元素3.[lang|=en]则可以匹配lang="en"、lang="en-us"的元素。CSS3新增*=、^=、$=三种匹配方式[{属性 | 属性 {*= | ...
css3选择器-属性选择器
最新发布
04-20
CSS3选择器-属性选择器是一种用于选择具有特定属性或属性值的HTML元素的CSS选择器。它可以根据元素的属性来选择元素，从而实现对元素的样式控制。 CSS3属性选择器有以下几种类型： 1. [attribute]：选择具有指定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值