• CSS选择器详解


    选择器是css学习中非常重要的概念,今天和大家分享的就是css选择器的使用,一起来看看吧。


    HTML标记定义


    <p>...</p>
    p { 属性:属性值 ;属性1:属性值1 }
    p可以叫做选择器,定义那个标记中的内容执行其中的样式
    一个选择器可以控制若干个样式属性,他们之间需要用英语的“;”隔开,最后一个可以不应加“;”


    Class定义


    <p>...</p>
    class定义是以“.”开始
    .p { 属性:属性值 ;属性1:属性值1 }


    ID定义


    <p id="p">...</p>
    ID定义是“#”开始的
    #p { 属性:属性值 ;属性1:属性值1 }


    优先级问题


    1.ID>Class>HTML
    2.同级时选择离元素最近的一个的
    #p { color: red }
    #p { color: #f60 }
    执行颜色为#f60的


    组合选择器(同时控制多个元素)


    h1,h2,h3 { font-size: 14px; color: red; }
    选择器组合可以使用“,”隔开


    伪元素选择器


    1.a:link
    正常连接的样式
    2.a:hover
    鼠标放上去的样式
    3.a:active
    选择链接时的样式
    4.a:visited
    已经访问过的链接的样式

    文章来源:麦子学院

    原文链接:http://www.maiziedu.com/wiki/css/selector/

  • 相关阅读:
    宜未雨而绸缪,毋临渴而掘井。
    JDBC fetch size
    社会主义核心价值观
    JavaEE
    《夜泊牛渚怀古》
    JAVA "GMT+10" 和 "GMT+0010"
    乡村振兴1
    申论 题好文一半
    UCOS时钟与中断:
    任务的状态-挂起和恢复
  • 原文地址:https://www.cnblogs.com/space007/p/5829569.html
Copyright © 2020-2023  润新知