博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css整理-01选择器和继承
阅读量:5063 次
发布时间:2019-06-12

本文共 779 字,大约阅读时间需要 2 分钟。

元素

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

样式表

  • 候选样式表: rel='alternative'
  • @import导入样式表,必须在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

转载于:https://www.cnblogs.com/jinkspeng/p/4419017.html

你可能感兴趣的文章
F# 编程 借助 F# 构建 MVVM 应用程序
查看>>
ACFUN切换代码自用。。。
查看>>
网卡流量检测.py
查看>>
【转】Android的权限permission
查看>>
go语言从零学起(一) -- 文档教程篇
查看>>
web自动化框架抽取示例【Java+selenium】
查看>>
django-session与分页
查看>>
水电费了
查看>>
H5图像遮罩-遁地龙卷风
查看>>
android 中 unable to start service 错误解决方法
查看>>
cgi+perl+ajax初探
查看>>
关于viewport
查看>>
C# 抓取页面table数据并分析到数据库
查看>>
Linux让应用只在特定桌面环境下自动启动
查看>>
在Codeplex发布ClickOnce应用程序
查看>>
ajax
查看>>
poj1981 Circle and Points 单位圆覆盖问题
查看>>
POP的Stroke动画
查看>>
线程同步机制初识 【转载】
查看>>
屏蔽各类弹窗广告(WPS、智能云输入法)
查看>>