• CSS之选择器


    CSS的选择器

    标签选择器

    p{font-size:12px;line-height:1.6em;}

    类选择器

    . stress{color:red;}/类前面要加入一个英文圆点/

    ID选择器

    setGreen{

    color:green;
    }

    子选择器(表示类对应的子标签的属性)

    .food>li{border:1px solid red;}

    包含(后代)选择器

    .food li{border:1px solid red;}
    请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

    换言之:>作用于元素的第一代后代,空格作用于元素的所有后代。

    通用选择器

    *{color:red;}

    伪类选择符

    a:hover{color:red;}
    (鼠标滑过时改变字体的颜色)

    分组选择符

    当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,)
    h1,span{color:red;}

  • 相关阅读:
    多重背包
    摘花生
    完全背包问题
    01背包问题
    数字金字塔
    ES6 Object.assign()的用法
    umi---className设置多个样式
    npm 安装yarn
    html引入其他html的几种方式
    react打包去掉map文件
  • 原文地址:https://www.cnblogs.com/scnulyp/p/6440964.html
Copyright © 2020-2023  润新知