zoukankan      html  css  js  c++  java
  • 前端学习3将样式找到应用目标210903

    前端学习3将样式找到应用目标210903

    css样式应用于特定的HTML元素,需要找到这个元素,执行这一任务的样式规则部分称为选择器(selector)。

    分为:

    常用的选择器

    高级的选择器

    新的CSS3选择器

    以及层叠、样式表、注释

    1.常用的选择器

    最常用:类型选择器和后代选择器。

    类型~指定特定类型,比如段落,只需要指定应用样式元素的名称,也称元素选择器或简单选择器。

    image-20210904001932147

    后代~可寻找特定元素或元素组的后代。后代~有其他两选择器之间空格表示。

    image-20210904002041878

     

    稍常用:类型选择器和后代选择器。

    ID选择器由一个#表示,类选择器一个.号。

    image-20210904002450933

     

    示例 给两个标题应用两个不同样式,结合类型、后代、ID和类选择器可以更简单。可以找到很多元素。

    image-20210904002800612

    注意

    不要给相同的元素添加不同的类。防止出现很多不必要,造成不合理。应将一个类或ID选择器应用于他们的祖先,然后使用后代选择器定位。

    伪类

    文档结构之外的对元素应用样式,用伪类

    image-20210904003515537

    /*使访问变红当悬浮或点击*/

    :link :visited 称为链接伪类,用于miao元素。

    :hover、:active和:focus称为动态伪类,用于任何元素。

    示例

    链接悬停颜色变化

    a:visited:hover{clolr:olive;}

     

  • 相关阅读:
    Catalan数
    C# & LINQ 对象克隆
    Rotate Image
    反转链表
    QtCreator调试程序时GDB崩溃
    Regular Expression Matching
    Wildcard Matching
    DFA与NFA
    Set Matrix Zeroes
    PCA原理
  • 原文地址:https://www.cnblogs.com/Doner/p/15225623.html
Copyright © 2011-2022 走看看