码迷,mamicode.com
首页 > 其他好文 > 详细

属性选择器

时间:2018-06-30 11:05:24      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:put   back   arch   TE   字符   AC   表单   title   css   

 

除了HTML元素的id属性和class属性外,还可以根据HTML元素的特定属性选择元素。

根据属性查找

[title] {
  color: red;
}

根据属性和值查找

找到所有title属性等于hello的元素:

[title="hello"] {
  color: red;
}

找到所有title属性以hello开头的元素:

[title^="hello"] {
  color: red;
}

找到所有title属性以hello结尾的元素:

[title$="hello"] {
  color: red;
}

找到所有title属性中包含(字符串包含)hello的元素:

[title*="hello"] {
  color: red;
}

找到所有title属性(有多个值或值以空格分割)中有一个值为hello的元素:

[title~="hello"] {
  color: red;
}

表单常用

input[type="text"] {
  backgroundcolor: red;
}

属性选择器

标签:put   back   arch   TE   字符   AC   表单   title   css   

原文地址:https://www.cnblogs.com/fmgao-technology/p/9246028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!