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的表单设置样式时特别有用:
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的属性选择器怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
当前题目:CSS的属性选择器怎么用
标题URL:http://hbruida.cn/article/pejdhd.html