美文网首页
4.CSS选择器

4.CSS选择器

作者: 身未动心已往 | 来源:发表于2020-04-11 22:05 被阅读0次

    1.上节补充:style标签写在head内(不必要给用户看)

    2.CSS语法:选择器{属性名:属性值;}

    【eg】 p {color:red;font-size:40px;}

    3.通过link标签引用css:(推荐)

    新建css文件,放入html文件同级中,用link标签在head中引用

    4.部分css选择器:

    element:标签;

    .class:需要在标签中设置class属性;

    #id:需要在标签中设置id属性;(与class区别:命名规则上,id独一无二,class一类)

    *:所有;

    element,element:两个标签效果相同时;(逗号表示并列关系)

    element element:前标签的子孙中的后标签;(空格表示后代关系)

    element>element:前标签的儿子中的后标签;(空格表示父子关系)

    element:hover:鼠标经过某个标签时变化;

    5.优先级和权重

    | 顺序有影响:style属性>style标签>link css;css中多个标签 服从后者;多个link 服从后者。

    | 明确程度有影响:内部评分。【eg】 h1 a>a

    | !important:选择器{属性名:属性值 !important;}【破坏规则者,少用】

    6.继承:父标签定义的样式会继承给子子孙孙

    相关文章

      网友评论

          本文标题:4.CSS选择器

          本文链接:https://www.haomeiwen.com/subject/zujpmhtx.html