zoukankan      html  css  js  c++  java
  • css 选择符

    常用选择符的介绍


    通配选择符
    指选定文档对象模型(DOM)中的所有类型的单个对象。

    *{css代码规则},其中*表示所有类型,包含body,div,td等

    类型选择符指以文档对象模型(DOM)作为选择符,即选择某个html标记为对象,设置样式规则。

    P{

    }

    Div{

    }

    包含选择符 对某个容器层的子层控制,是其他同名的对象不受该规则影响,包含选择符对象要依次选择出对象,从大到小,即从容器层到子层。

    E1  E2

    {

    }

    E1指父层对象,E2指小点的层或子层对象,即E1对象包含E2对象

    eg:

         table td

     

    {

    }

    td  p

    {

    }

    布局常用选择符:

    ID选择符 指在DOM中用惟一标识符的ID为选择符,ID标识符以“#”打头,其后接ID名,注意ID标识符不能在样式中出现两次或两次以上,如果出现,系统会以第一次出现的为准,其他的将被忽略。

    类选择符又叫作class选择符,表示一个类可以在文档中使用多次

        以“.”打头,后接class名

    注意:类选择符和类型选择符的不同——类型是指html中的标记

    分组选择符 指对多个标记设置同样的样式,在不同的类型中,表示同样的样式。将选择符以逗号分隔的方式并为组

    Html,body

    {

    }

    以下用表格对以上内容进行总结

    选择符 表达方式 例子 含义
    通配选择符 *{css代码规则} *{css代码规则} *表示所有类型,包含body,div,td等
    类型选择符 以文档对象模型(DOM)作为选择符

    P{  }

    Div{  }

    选择某个html标记为对象,设置样式规则
    包含选择符  

    E1  E2

    {

     }

    E1指父层对象,E2指小点的层或子层对象,即E1对象包含E2对象
    ID选择符 以“#”打头,其后接ID名    
    类选择符 以“.”打头,后接class名    

    分组选择符 

     将选择符以逗号分隔的方式并为组  

    Html,body

    {

    }

     对多个标记设置同样的样式,在不同的类型中,表示同样的样式

     

     

  • 相关阅读:
    图像全參考客观评价算法比較
    单片机project师必备的知识
    ACM-并查集之小希的迷宫——hdu1272
    ArcGIS教程:加权总和
    九度 题目1368:二叉树中和为某一值的路径
    解决solr搜索多词匹配度和排序方案
    具体解释linux文件处理的的经常使用命令
    Hotel
    Unity3D 射线指定层获取GameObject 注意 LayerMask
    ios设计一部WindowsPhone手机
  • 原文地址:https://www.cnblogs.com/cyn941105/p/5590106.html
Copyright © 2011-2022 走看看