CSS属性选择器

最新推荐文章于 2022-10-21 11:49:07 发布
最新推荐文章于 2022-10-21 11:49:07 发布
阅读量462 收藏
点赞数
分类专栏： css3 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuh_c/article/details/51068200
版权
序号
属性选择器
功能描述
所属
1
E[foo]
选择匹配E的元素，且该元素定义了foo属性
css2
2
E[foo='bar']
选择匹配E的元素，且该元素定义了foo属性,且属性值为bar
css2
3


E[foo~='bar']
选择匹配E的元素，且该元素定义了foo属性，foot属性值是一个以空格符分隔得列表，其中一个列表值为bar


css2
4
E[foo|='en']
选择匹配E的元素，且该元素定义了foo属性,foo的属性值是一个以连字符（-）分隔得列表，值开头的字符是'en'

css2
5
E[foo^='bar']
选择匹配E的元素，且该元素定义了foo属性,foot属性值包含前缀为bar的子字符串

 css3
6
E[foo$='bar']
选择匹配E的元素，且该元素定义了foo属性,foot属性值包含后缀为bar的子字符串

css3
7
E[foo*='bar']
选择匹配E的元素，且该元素定义了foo属性 ,foot属性值包含bar的子字符串
            
           css3
yuh_c
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css的属性选择器简单介绍
qq_31687191的博客
05-17 287
css中最常用的5个选择器 id选择器(唯一) html: <div id="live">休息休息下休息休息下小行星</div> css: #live{ background:red; } class选择器(多个) hmtl: <ul> <li>1231</li> <li class="bac">124</li> <li>12312</li> <li class="b
HTML选择器的简单描述
LinDadaxia的博客
07-14 234
选择器：浏览器通过选择器为满足条件的HTML元素添加CSS样式 CSS语法： 声明：color:red; 样式属性：样式属性值; 样式属性值： 样式属性值有空格，就需要使用单引号或双引号引起来 样式属性值有多个时使用逗号隔开 样式属性值不区分大小写 1.标签选择器：以标签为选择器 格式： 标签选择器名{ ...
CSS3 属性选择器
知了只有一夏
02-28 461
属性选择器，顾名思义是指通过属性名选择符合条件的元素。 属性选择器可以单独使用，如通过 [title] 选中属性名为 title 的所有元素，也可以和标签选择器配合使用，如通过 p[title] 选中属性名为 title 的所有 p 元素。本文采用单独使用的方式说明属性选择器的作用。 参考内容为以下 CSS3 规范： https://www.w3.org/TR/2018/REC-selector...
css3选择器
weixin_34014555的博客
05-15 61
一、属性选择器 css2: E[foo] E 且 有foo属性 E[foo="bar"] E 且 有foo属性值 且 foo属性值为bar E[foo~="bar"] E 且 有foo属性值 且 foo属性值是用空格分隔的列表项，其中一个列表项值为bar， 如a[class~="bar"] <a class="x b...
CSS 属性选择器_动力节点Java学院整理
09-24
总的来说，CSS属性选择器提供了一种强大且灵活的方法来定位和设计HTML文档中的特定元素，无论这些元素的类名或ID是什么。它们极大地扩展了CSS的选择能力，使开发者能够创建更为精细和动态的网页布局。在编写CSS时，...
CSS 属性 选择器
01-19
DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题（title）的所有元素变为蓝色： 实例 [title] { color:blue; }   属性和值选择器 下面的实例改变了标题title=’...
CSS属性选择器的四种格式
12-11
属性选择器（AttributeSelectors），或许你不应该对属性选择器感到陌生，从本质上说，id跟类选择器其实就是属性选择器，只不过是选择了id或者类的值（value）而已。　属性选择器的格式是元素后跟中括号，中括号内带...
CSS属性选择器详解.pdf
02-28
CSS属性选择器详解 CSS中的属性选择器是一种强大的选择器，允许开发者根据HTML元素的属性值来选择元素。今天，我们将深入探讨CSS属性选择器的详细解释。 什么是CSS属性选择器？ --------------------- CSS属性...
你不知道的JavaScript------[prototype]
每天都要努力学习哦~~
10-13 411
new Foo()，创建并返回了一个新对象，这个新对象的[[prototype]]属性（在浏览器上显示为__proto__）的值是Foo的原型对象（Foo.prototype）new Foo()这个含糊调用实际上并没有直接创建关联，只是间接完成了我们的目标：关联到其他对象的新对象，做到这点更加直接的方式：Object.create(目标对象)调用new Foo()时，会创建a，其中一步就是将a内部的[[Prototype]]链接到Foo.prototype所指的对象。这一系列对象的链接被称为“原型链”。
JS原型之属性设置和屏蔽，你能想到吗？
最新发布
热爱前端的大三在校生
10-21 359
如果属性名foo既出现在my0bject中也出现在my0bject的[[Prototype]]链上层，那么就会发生屏蔽。my0bject中包含的foo属性会屏蔽原型链上层的所有foo属性，因为myObject.foo总是会选择原型链中最底层的foo属性
CSS新增特性和CSS选择器
the hands of god的博客
02-19 933
CSS3新增特性 CSS3新增属性选择器 属性名称 含义 [att^="value"] 该属性的值以指定的值开始 [att$="value"] 该属性的值以指定的值结束 [att*="value"] 该属性的值包含指定的值，而无论其位置 RGBA透明度 当设
foo bar foobar?
yangzhao3d的专栏
02-23 3252
<br />Foo 是什么意思<br />不管是java，Ｃ＋＋，还是PHP，每次都能看到 foo = bar 的例子，这两个单词很恶心，foo查不到字典，bar的解释又让人跟编程联系不上，更弄不清楚这个神秘的foo是个什么关系。<br />语意不清，学起来心里老是有疙疙瘩瘩的感觉，于是查吧，终于揭开了这两个东西的不正常关系，讲个各个处在闹心中的初学者们听吧。<br />参考了众多的网络资料，最后，明确的告诉大家，foo和bar就是外国人的张三、李四、王二麻子，只是一种随便的命名方式。跟c语言里面的i,j,
选择器
innocent-husky的博客
09-16 907
* E :not(E) 群组选择器 属性相关选择器 E[foo] E[foo=”bar”] E[foo~=”bar”] E[foo^=”bar”] E[foo$=”bar”] E[foo*=”bar”] E[foo|=”en”] 特殊属性相关选择器 类选择器 id 选择器 父子兄弟关系选择器 E:root EF E &gt;F E +F E ～F F E:first-chil...
js中的四种类型的属性、方法，以及闭包的概念
Senssic
05-07 1022
概念 1.私有类型：外界完全不具备访问性，要访问它们，只有通过自己定义的内部函数来访问。  2、动态的公有类型（实例属性）：外界可以访问，而且每个对象实例持有一个副本，它们之间不会相互影响。  3、静态的公有类型，或者通常叫做原型属性：每个对象实例共享唯一副本，对它的改写会相互影响。 4、类属性：作为类型的属性而不是对象实例的属性，在没有构造对象时也能够访问。 注：动态共有属性优于原
foo是什么意思
热门推荐
软件与编程的零零碎碎
03-22 1万+
原文发于：http://qing.weibo.com/2059598087/7ac2f907330027we.html 学习python的过程中，总会看到编程示例中将函数名定义为foo，颇为好奇，遂在网上搜索了一下，觉得以下两个答案比较靠谱： 解释一： （下段文字摘自这里，原文中还有更详尽的解释​） 不管是java，Ｃ＋＋，还是PHP，每次都能看到 foo = bar 的例子，
python 实验七 面向对象（一）（类、属性）
m0_55439140的博客
12-05 3198
给定了一个 Dog 类，类中有 foot、weight 和 height 三个属性。请在类的外部输出这三个属性的值。
CSS系列：CSS3新增选择器
weixin_34008805的博客
03-29 108
1. CSS1定义的选择器 选择器类型说明 E 类型选择器 选择指定类型的元素 E#id ID选择器 选择匹配E的元素，且匹配元素的id为“id”，E选择符可以省略。 E.class 类选择器 选择匹配E的元素，且匹配元素的class属性值为“class”，E选择符可以省略。 E F 包含选择器 选择匹配F的元素，且该元素被包含在匹配E...
CSS属性选择器：拼接HTML的高效方式
在现代Web开发中，CSS属性选择器是一种强大的工具，它允许开发者以一种更加灵活、高效的方式来控制网页元素的样式。通常，属性选择器用于选择具有特定属性的HTML元素，而无需依赖类名或ID。以下是一些关键知识点： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值