Web中的一些选择器

包含属性选择器，伪类选择器，伪元素选择器。

一.其中属性选择器，例如：

1、选择器[属性名=属性值]：完全匹配属性值

p[abc=secc]{
            background-color: rebeccapurple;
        }
2、选择器[属性名^=属性值]：开头匹配属性值

 p[abc^=fir]{
            color: rgb(124, 184, 28);
        }
3、选择器[属性名*=属性值]：包含属性值

p[abc*=s]{
            text-align: center;
        }
4、选择器[属性名$=属性值]：结尾匹配属性值

p[abc$=b]{
            font-size: 10px;
        }

二·伪类选择器，例如：

visited 给已经访问过的标签添加样式  只能改变颜色：

a:visited{
             color: rgb(52, 133, 112);
         }
link 给未访问过的标签添加样式：

a:link{
             color: salmon;
         }
hover 鼠标经过添加样式：

a:hover{
             font-size: 30px;
         }

三.伪元素选择器，例如：

1、:first-letter  给标签的第一个元素添加样式：

 p::first-letter{
            font-size: 40px;
         }
2、:first-line  给标签第一行文本添加样式：

p::first-line{
             background-color: salmon;
         }
3、:before  在标签之前添加内容：

p::before{
             content: "【";
         }
4、:after  在标签之后添加内容：

 p::after{
             content: "】";
         }