《CSS权威指南(第三版)》---第三章 结构和层叠

这章主要讲的是当某个对象被选择器多次提取使用样式之后的一些冲突性解决方案:

   1.特殊性:指的是当多个效果作用的时候的最终选择:

    这个规则用0,0,0,0来比较。其中:内联式是1,0,0,0  ID选择器是0,1,0,0 类选择器,属性选择器和伪类:0,0,1,0 元素和伪元素:0,0,0,1

    结合性和通配性对特殊性没有贡献,是0,0,0,0

    注意:这里面给出一个特权,某个声明特别重要的时候使用!import 那么它的优先级是最高的。

  2.继承:指的是在节点树中,子元素的样式继承父元素。

    注意:继承没有特殊性,这里和通配符对继承的贡献值为0比较。通配符会胜出。

  3.层叠:指的是当特殊性相同的时候采取的选择样式的规则。即“后来者居上”。

    这里主要介绍一个例子:超链接的设置样式顺序是LVHA就用到了这个规则。

  总结:CSS最基本的是层叠,这个规则决定了最终的文档表示,这个过程的核心是选择器的特殊性和继承机制。

时间: 2024-10-08 13:22:57

《CSS权威指南(第三版)》---第三章 结构和层叠的相关文章

CSS权威指南第3版 第1章 CSS和文档

替换元素与非替换元素 <!-- 替换元素(replaced element)是指用来替换元素内容的部分并非由文档内容直接表示 --> <img src="test.jpg" /> <!-- 非替换元素(nonreplaced element)是指元素的内容在元素本身生成的框中显示 --> <spa>Hello World</spa> 元素显示角色 <!-- CSS2.1使用另种基本元素类型,块级(block-level)

CSS权威指南第3版 第2章 选择器

规则结构 <!-- 每个规则都有两个基本部分:选择器(selector)和声明块(declaration block) 声明块由一个或多个声明(declaration)组成,每个声明则是一个属性-值对(property-value) --> h1 { color: red; background: yellow; } 选择器分组 <!-- 选择器分组,用逗号将选择器分开 --> body, table, th, td, h1, h2, h3, h4, p, pre, strong,

第六章 对象-javaScript权威指南第六版(三)

6.3 删除内容 delete运算符可以删除对象的属性. delete运算符只能删除自有属性,不能删除继承属性. delete表达式删除成功或没有任何副作用时,它返回true. 6.4 检测属性 用in\hasOwnProperty\propertyIsEnumberable\!== in 对于对象的自有属性或继承属性中包含有这个属性的返回true. hasOwnProperty方法用来检测 给定的名字是否是对象的自有属性 propertyIsEnumerable()是hasOwnPropert

Note | javascript权威指南[第六版] 第2章:词法结构

语法结构规定了诸如变量名是什么样的.怎么写注释,以及程序语句之间如何分隔等规则.本章用很短的篇幅来介绍JavaScript的词法结构. 2.1.字符集 JavaScript程序是用Unicode字符集编写的.Unicode是ASCII和Latin-1的超集,并支持地球上几乎所有在用的语言. 2.1.1.区分大小写   JavaScript是区分大小写的语言.也就是说,关键字.变量.函数名和所有的标识符(identifier)都必须采取一致的大小写形式.但需要注意的是,HTML并不区分大小写(尽管

《Android编程权威指南》-读书笔记(三)Git初探

<Android编程权威指南>-读书笔记(三)Git初探 版本控制-Git 为什么要使用版本控制 什么是版本控制?我为什么要关心它呢?版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统.在本书所展示的例子中,我们仅对保存着软件源代码的文本文件作版本控制管理,但实际上,你可以对任何类型的文件进行版本控制. 如果你是位图形或网页设计师,可能会需要保存某一幅图片或页面布局文件的所有修订版本(这或许是你非常渴望拥有的功能).采用版本控制系统(VCS)是个明智的选择.有了它你就

HTML 5与CSS 3权威指南(第2版&#183;上册) 中文pdf扫描版?

HTML5与CSS3权威指南(第2版·上册)已经成为HTML 5与CSS 3图书领域的一个标杆,被读者誉为"系统学习HTML 5与CSS 3技术的最佳指导参考书之一"和"Web前端工程师案头必备图书之一".第2版首先从技术的角度结合最新的HTML 5和CSS 3标准对内容进行了更新和补充,其次从结构组织和写作方式的角度对原有的内容进行了进一步优化,使之更具价值且更便于读者阅读.需要的朋友们可以下载试试吧! HTML5与CSS3权威指南(第2版·上册)全书共29章,本

《JavaScript权威指南(第6版)(中文版)》PDF

简介自1996年以来,JavaScript的:权威指南已为JavaScript圣经程序员,程序员指南和全面的参考,以核心语言和客户端JavaScript API的Web浏览器定义.第6版包括HTML5和ECMAScript 5,与jQuery和服务器端JavaScript新的篇章.这是推荐谁想要学习的Web编程语言经验的程序员,以及当前的JavaScript程序员谁想要掌握它. 封面   目录<javascript权威指南(第6版)> 前言 1 第1章 javascript概述 5 1.1 j

css权威指南学习笔记--第七章

由于之前一直没有系统的看过css相关的书籍,导致自己css方面一直都是处于零散状态.知其然,不知其所以然.所以买了<css权威指南>.虽然比较老了,但是应该也会收获很大. 1 水平方向上 margin-left +border-left+padding-left+width+padding-right+border-right+margin-right 其中红色的是可以设置为auto,当设置为auto时,浏览器会自动计算该值.基于的原则就是 外层包裹容器的width=被包裹元素的width+p

css权威指南 读书笔记

网上看见推荐的书总是喜欢买回家,但是大多数时候都不会立即就看,都是在书橱里蒙上了一层灰尘.从毕业到现在,由于公司业务原因,写js多余css,所以就想系统地看看css,并且做一些练习,于是就开始看<css权威指南>,看到了第六章,初步感觉,对于工作一年的我来说,很简单,当然也有一些我不熟悉的知识点,于是整理了下来. 一.@import 1.放在style容器中,且在其他css规则之前 2.每个人@import指令的样式都会加载使用 二.选择器 1.:first-letter 用于选取指定选择器的

读书总结——CSS权威指南

几个月前读了这本书——<CSS权威指南>,之前用css都是在w3school上看的,或者按F12看别人的代码,这是我完整的读的第一本关于css的书,感觉还是收获挺大的,最近要总结一下自己的知识,所以又重新看了一遍,又本着温故知新.边看边写的想法写了这篇文章,希望能对自己或别人有些帮助. 第一章 HTML 标记与文档结构 主要介绍了HTML及其标记 1.标签分为闭合标签与自闭合标签 闭合标签格式:<标签名>文本内容</标签名> e.g. <h1>Words b