CSS的属性选择器怎么用

这篇文章主要介绍CSS的属性选择器怎么用，文中介免费云主机域名绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
　　对带有指定属性的HTML元素设置样式。
　　可以为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。
　　注：只有在规定了!DOCTYPE时，IE7和IE8才支持属性选择器。在IE6及更低的版本中，不支持属性选择。
　　属性选择器
　　下面的例子为带有title属性的所有元素设置样式：
　　[title]
　　{
　　color:red;
　　}
　　属性和值选择器
　　下面的例子为title=”W3School”的所有元素设置样式：
　　[title=hello]
　　{
　　border:5pxsolidblue;
　　}
　　属性和值选择器-多个值
　　下面的例子为包含指定值的title属性的所有元素设置样式。适用于由空格分隔的属性值：
　　[title~=hello]{color:red;}
　　下面的例子为带有包含指定值的lang属性的所有元素设置样式。适用于由连字符分隔的属性值：
　　[lang|=en]{color:red;}
　　设置表单的样式
　　属性选择器在为不带有class或id的表单设置样式时特别有用：
　　-//W3C//DTDXHTML1.0Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
　　
　　
　　

　　input[type=”text”]
　　{
　　width:150px;
　　display:block;
　　margin-bottom:10px;
　　background-color:yellow;
　　font-family:Verdana,Arial;
　　}
　　input[type=”button”]
　　{
　　width:120px;
　　margin-left:35px;
　　display:block;
　　font-family:Verdana,Arial;
　　}
　　
　　
　　
　　　　
　　
　　
　　
　　
　　

以上是“CSS的属性选择器怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注百云主机行业资讯频道！

相关推荐: bootstrap如何设置居中

这篇文章主要介绍“bootstrap如何设置居中”，在日常操作中，相信很多人在bootstrap如何设置居中问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”bootstrap如何设置居中”的疑惑有所帮助！接下来，请跟着小编一起来学…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。