css属性选择器 ie11

在CSS中，我们可以使用属性选择器来选择文档中指定属性名称或属性值的元素，其中IE11中支持的属性选择器有以下几种：

[attr]{
  /* 选择所有具有 attr 属性的元素*/}
[attr=val]{
  /*选择所有属性 attr 值为 val 的元素*/}
[attr~=val]{
  /*选择所有属性 attr 中包含 val , 以空格分隔的值的元素*/}
[attr|=val]{
  /*选择所有属性 attr 值以 val开头的元素，或以 val- 开头（val- 是连字符-连接的前缀）的元素*/}
[attr^=val]{
  /*选择所有属性 attr 值以 val 开头的元素*/}
[attr$=val]{
  /*选择所有属性 attr 值以 val 结尾的元素*/}
[attr*=val]{
  /*选择所有属性 attr 值中包含 val 的元素*/}
    

当我们使用属性选择器来选择元素时，IE11及以下版本的浏览器可能会出现一些问题，例如 IE11 不支持使用多个选择器匹配同一元素，不支持使用 attr=val 和 attr~=val 来选择空属性。当然，若使用 IE11 可以兼容模式，可以通过添加以下代码来启用：

meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
    

但使用兼容模式会更加耗费性能，所以建议我们在编写 CSS 文件时根据实际情况来选择合适的属性选择器。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！