千家信息网

CSS的属性选择器怎么用

发表于:2024-10-24 作者:千家信息网编辑
千家信息网最后更新 2024年10月24日,这篇文章主要介绍CSS的属性选择器怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!对带有指定属性的HTML元素设置样式。可以为拥有指定属性的HTML元素设置样式,而不仅限于
千家信息网最后更新 2024年10月24日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的表单设置样式时特别有用:

  

  

  

  

  

  

  

  

  

  

  

  

  


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

0