zoukankan      html  css  js  c++  java
  • css选择器总结

    Css选择器的概念器:

    Css页面上元素的“档案”,那么在管理这些元素的效果之前,必须先“找的到”这些元素。

    选择器就是指“css找到元素的方法”

    例如:#header{},这种情况就是以header为id的元素被选中,这种选择器叫id选择器。

    • id选择器 
      • 就是,给页面上的元素起一个不重复的id,然后css,通过#id,就能控制该元素。这个概念称为css选择器。
    • 类选择器 
      • 用法:页面里有<class="类名”>来声明类,css里,用 点 + 类名 来选择这一类的元素 例如 .className{}
    • 标签选择器
      • 因为html有很多标签,如hl,p,div,img,这样标签在页面里构成很多元素,css可以通过标签名来选定页面内标签对应的元素
      • 比如:P{},会对页面里所有的P标签生效 Div{},img{},则会对页面里所有的div,img生效
    • 群组选择器
      • 例如 #header,.intro{} 意味着括号内的css同时对#header,.intro生效,用来简化代码
    • 派生选择器(父子选择器)
      • 通过元素的上下级关系来进行选择(像地区从大到小的选择一样) 比如:#header img{}(中间加空格) 和 #header ul{},则意味着分别选中#header元素下面的img元素和ul元素
    • 通配选择器
      • *{},通配页面上的所有元素
    • 伪类选择器
  • 相关阅读:
    设计模式中的多态——策略模式详解
    Spring IOC容器启动流程源码解析(一)——容器概念详解及源码初探
    并发包下常见的同步工具类详解(CountDownLatch,CyclicBarrier,Semaphore)
    HNOI2020游记
    旧年之末,新年伊始
    退役V次后做题记录
    PKUWC2020 游记
    CSP2019退役记
    CTS/APIO2019游记
    HNOI2019游记
  • 原文地址:https://www.cnblogs.com/happystudyhuan/p/10710236.html
Copyright © 2011-2022 走看看