这篇文章主要介绍CSS的属性选择器怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！ 对带有指定属性的html元素设置样式。 可以为拥有指定属性的HTML元素设置样式，
这篇文章主要介绍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的表单设置样式时特别有用：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
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;
}
</style>
</head>
<body>
<fORMname="input"action=""method="get">
<inputtype="text"name="Name"value="Bill"size="20">
<inputtype="text"name="Name"value="Gates"size="20">
<inputtype="button"value="ExampleButton">
</form>
</body>
</html>
以上是“CSS的属性选择器怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网node.js频道！
--结束END--
本文标题: CSS的属性选择器怎么用
本文链接: https://www.lsjlt.com/news/90006.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0