css属性选择器 ie

在CSS中，选择器是用来定义样式的基础。除了常用的标签选择器、类选择器、ID选择器外，还有一种比较常见但又容易被忽视的选择器——属性选择器。在IE浏览器中，也有其独特的特性。

    [attribute] {
        /*样式*/    }

属性选择器用于选择具有某个属性的元素，无论这个属性的值为何。比如，下方的选择器，将会匹配所有带有title属性的元素：

    [title] {
            color: red;
    }

在IE浏览器中，属性选择器并不支持所有的CSS选择器语法。例如，下方的代码将无法在IE中生效：

    [title ^= "hello"] {
        /*样式*/    }

这是因为IE只支持下列格式的属性选择器：

    [attribute]        选择具有attribute属性的元素    [attribute=value]  选择具有attribute属性，并且属性值为value的元素    [attribute~=value] 选择具有attribute属性，并且属性值中包含有单词value的元素    [attribute|=value] 选择具有attribute属性，属性值为value或以value-开头的元素    [attribute$=value] 选择具有attribute属性，并且属性值以value结尾的元素    [attribute^=value] 选择具有attribute属性，并且属性值以value开头的元素

例如，下方的选择器，将会匹配所有src属性以".jpg"结尾的元素：

    [src$=".jpg"] {
            width: 200px;
            height: 150px;
    }
    

当然，在实际开发中，我们往往可以搭配多个选择器来实现更加精细的样式控制。属性选择器就是优秀的基石之一，值得细心体会。

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