zoukankan      html  css  js  c++  java
  • css整理-01选择器和继承

    元素

    • 元素形式: 替换,非替换
    • 元素类型: 块级,行内
    • 列表是特殊的块级元素,它会生成一个标记符

    样式表

    • 候选样式表: rel='alternative'
    • @import导入样式表,必须在style的开头;结构可以为
    <style type='text/css'>
      @import url(a.css) print;
    <style/>
    
    • 注释: /**/

    选择器

    • 关键字一般用空格分开,一种特殊情况就是,设置字体大小和行高
    font: large/150% sans-serif;
    
    • 属性选择器:一般就是完全串匹配;也可以多个一起p[attr=a][class=b]
    • 部分属性选择器:
      • [foo~=bar]:包含
      • [foo*=bar]:包含子串
      • [foo^=bar]:开头
      • [foo$=bar]:结尾
    • 伪类和伪选择器:为文档中不一定具体存在的结构指定样式,或为某些元素的状态所指示的幻像类指定样式
      • 链接伪类: :link, :visited ;不适用于没有指定href的锚元素
      • 动态伪类: :focus, :hover ,:active ;
      • 伪类顺序: link-visited-focus-hover-active
      • 静态伪类: :first-child, 根据语言选择,:lang(fr)
      • 伪元素选择器: :first-letter,:first-line,:before,:after

    选择器特殊性(层叠)

    • !important: 特殊
    • 内联:1,0,0,0
    • ID :0,1,0,0
    • 类,属性选择,伪类:0,0,1,0
    • 元素,伪元素:0,0,0,1
    • 结合符和通配符:0,0,0,0

    继承

    • 有些属性不能继承,如大多数框属性
    • 继承的属性没有特殊性

    层叠

    • 特殊性越高的元素,权重越大
    • 越后出现,权重越大
    • !important的权重高于没有的
    • 通常的顺序声明链接样式:LVHA
  • 相关阅读:
    架构资料
    Node参考资料
    运维参考资料
    前端参考资料
    Python参考资料
    推荐几个工具型网站
    学好Mac常用命令,助力iOS开发
    git submodule相关操作
    HttpURLConnection传JSON数据
    【树莓派笔记3】安装配置samba 和Windows进行文件共享
  • 原文地址:https://www.cnblogs.com/jinkspeng/p/4419017.html
Copyright © 2011-2022 走看看