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;}

     

  • 相关阅读:
    验证手机和电话号码
    oracle取字符串长度的函数length()和hengthb()
    AngularJs教程
    nop commerce文档
    根据子查询批量删除的sql语句
    AngularJs赋值问题
    PetaPoco模糊查询
    js转换 /Date(1464671903000)/ 格式的日期的方法
    jquery-cookie插件怎么读写json数据
    executssql 函数的每一句代码的意思
  • 原文地址:https://www.cnblogs.com/Doner/p/15225623.html
Copyright © 2011-2022 走看看