css3的选择器与渐变分类

E[attr]：选取指定的元素。也可以选择多个

      .demo a[id] {}

    .demo a[href][title] {}

    E[attribute=value]：选择有指定属性的元素

    .demo a[id="first"] {}

    .demo a[id="first"][title] {}

    E[attribute~=value]：只要value相同就能选中

    a[class~="links"]  }

     <a href="" class="links item">hangge.com</a>

    E[attribute^=value] 可以指定以value开头的元素

    a[href^="mailto:"] {}

    E[attribute$=value]：选择以value结尾的元素

    a[href$="png"] {}

    E[attribute|=value] 选择value或value-开头的元素

    img[src|="figure"] {}

     <img src="figure-0.png" alt="图1">

    <img src="figure-1.png" alt="图1">

    <img src="figure-2.png" alt="图1">

    否定伪类选择器 除了选中的元素其他都选

    input:not([type="submit"]) {

        border: 1px solid red;

      }

      伪元素 选择元素第一行

      ::first-line

      ::first-letter选择文本的第一个字母

      ::before和::after在前后插入内容

      ::selection 改变网页的默认设置  background, color 属性。

、CSS3渐变的分类

linear-gradient线性渐变，可以向上下左右渐变

radial-gradient径向渐变，由中心向四周