前端：css中属性选择器的五种写法

此处用<div title="">中title属性进行测试

1.直接写：

[title]{

            color: blue;

        }

2.属性相同，且值相同 

 [title="lll"]{

            color: red;

        }

3. 找属性相同，且开头字母相同，例如：以a开头

 [title^="a"]{

            color: brown;

        }

 4.属性相同，且结尾字母相同，例如： 以c结尾 

  [title$="c"]{

            color: aqua;

        }

5.属性相同，其中含有某个字母就能成功。例如：

   [title*="t"]{

            color: chartreuse;

        }