css面试点-属性选择符

Selectors

选择符

CSS Version
版本
Description
简介
E[att] CSS2 选择具有att属性的E元素。
E[att="val"] CSS2 选择具有att属性且属性值等于val的E元素。
E[att~="val"] CSS2 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素。
E[att^="val"] CSS3 选择具有att属性且属性值为以val开头的字符串的E元素。
E[att$="val"] CSS3 选择具有att属性且属性值为以val结尾的字符串的E元素。
E[att*="val"] CSS3 选择具有att属性且属性值为包含val的字符串的E元素。
E[att|="val"] CSS2 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。

E[att]:选择具有att属性的E元素。





CSS 属性选择符 E[att]选择器-CSS教程





css面试点-属性选择符_第1张图片


E[att="val"]:选择具有att属性且属性值等于val的E元素。





CSS 属性选择符 E[att="val"]选择器-CSS教程





css面试点-属性选择符_第2张图片

E[att~="val"]:选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素(包含只有一个值且该值等于val的情况)。





CSS 属性选择符 E[att~="val"]选择器-CSS教程





css面试点-属性选择符_第3张图片

E[att^="val"]:选择具有att属性且属性值为以val开头的字符串的E元素。





CSS 属性选择符 E[att^="val"]选择器-CSS教程



  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目

css面试点-属性选择符_第4张图片

E[att$="val"]:选择具有att属性且属性值为以val结尾的字符串的E元素。





CSS 属性选择符 E[att$="val"]选择器-CSS教程



  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目

css面试点-属性选择符_第5张图片

E[att*="val"]:选择具有att属性且属性值为包含val的字符串的E元素。





CSS 属性选择符 E[att*="val"]选择器-CSS教程



  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目

css面试点-属性选择符_第6张图片

E[att|="val"]:选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。





CSS 属性选择符 E[att|="val"]选择器-CSS教程



  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目

css面试点-属性选择符_第7张图片

css面试题之css选择符之伪类选择符

css面试题之css选择符之伪对象(伪元素)选择符

css面试题之css选择符之元素选择符与关系选择符

你可能感兴趣的:(css,面试知识点)