属性选择器

1、属性选择器的写法：

                        标签名[属性] { 声明即样式 }

运行结果：

                如上图，只要有 type 属性的 input 标签样式都会发生变化

当然，也可以给属性加上属性值来限制条件 

运行结果：

        input[type="text"] ---- 只有 type 属性的属性值为 text 的 input 标签样式才会生效

2、进阶写法：

                1.              标签名[属性*='属性值']{声明}

运行结果：

                *=  代表只要满足条件的都生效，如上图，只要 type 这个属性中有 t 字符的都会生效，所以 type 为 text、submit 的 input 标签样式发生改变 

                2.        标签名[属性^='限制条件']{声明}

运行结果：

         type^="p"  代表type属性以 p 开头，因此我们可以看到上图，只有 type="password" 的 input 标签样式发生了改变，^ 代表开始

               3、        标签名[属性$='限制条件']{声明}

 运行结果：

         type$="t"  表示以 t 字符结尾的 type 属性，$ 在这里代表结束，所以可以看到 type 属性值为 text、submit 的样式发生变化

最后

以上就是拉长皮卡丘为你收集整理的属性选择器的全部内容，希望文章能够帮你解决属性选择器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。