博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
属性选择符
阅读量:5302 次
发布时间:2019-06-14

本文共 809 字,大约阅读时间需要 2 分钟。

先附上代码:

  
2012年4月26日

属性选择符

这段话没有附加title属性。

这段话附加了title选择符,但是值为空,即title="",根据《精通CSS与HTML设计模式》中所述:某些浏览器不会对孔元素进行匹配。

事实上,经过测试,该空值在 Chrome 、 Opera 、 Firefox、 Safari、 IE 7 8 9中均成功匹配,未测试 IE6 ,根据《精通CSS与HTML设计模式》中所述:IE6不支持属性选择符

p[title]选择了所有附带title属性的段落。

p[title~="paragraph"]选择了所有title属性值中包含paragraph单词的段落。

p[title="#4 paragraph"]选择了所有title属性值为#4 paragraph的段落。这种匹配是区分大小写的,而且必须是每个字母(包括空白)都匹配

附上效果图(Chrome下):

经过测试,属性选择符可以匹配任何属性,比如:<input type="text" /> 则使用 input[type="text"]{...},而<input type="password" />则可以使用input[type="password"]{..}

还可以给其他任何属性定义,例如上面的 <strong name="red">..</strong>多么强大...

可惜不适应 IE6,这个算是复习到了,有用的知识

转载于:https://www.cnblogs.com/sangev5/archive/2012/04/26/2470825.html

你可能感兴趣的文章
00-自测1. 打印沙漏
查看>>
UNITY在VS中调试
查看>>
SDUTOJ3754_黑白棋(纯模拟)
查看>>
Scala入门(1)Linux下Scala(2.12.1)安装
查看>>
如何改善下面的代码 领导说了很耗资源
查看>>
Quartus II 中常见Warning 原因及解决方法
查看>>
php中的isset和empty的用法区别
查看>>
Android ViewPager 动画效果
查看>>
pip和easy_install使用方式
查看>>
博弈论
查看>>
Redis sentinel & cluster 原理分析
查看>>
我的工作习惯小结
查看>>
把word文档中的所有图片导出
查看>>
浏览器的判断;
查看>>
ubuntu 18.04取消自动锁屏以及设置键盘快捷锁屏
查看>>
Leetcode 589. N-ary Tree Preorder Traversal
查看>>
机器学习/深度学习/其他开发环境搭建记录
查看>>
xml.exist() 实例演示
查看>>
判断是否为空然后赋值
查看>>
zabbix监控日志文件
查看>>