文档章节

计算特指度

n
 nibilly
发布于 2015/10/18 00:10
字数 384
阅读 53
收藏 1
计算特指度
下面我们具体讲一讲怎么计算选择符的特指度。首先,有一个简单的记分规则,即
对每个选择符都要按下面的“ICE”公式计算三个值:
I - C - E
ICE 并非真正的三位数, 只不过大多情况下把结果看成一个三位数没有问题, 三位数
最大的胜出。但是,千万得知道 0-1-12与 0-2-0相比,仍然是 0-2-0的特指度更高。
三个字母间的短横线是分隔符,并非减号。针对这个公式的计分办法如下:
1. 选择符中有一个 ID,就在 I的位置上加 1;
2. 选择符中有一个类,就在 C的位置上加 1;
3. 选择符中有一个元素(标签)名,就在 E的位置上加 1;
4. 得到一个三位数。
好了,下面通过几个例子来理解特指度。
P 0-0-1 特指度=1
p.largetext 0-1-1 特指度=11
p#largetext 1-0-1 特指度=101
body p#largetext 1-0-2 特指度=102
body p#largetext ul.mylist 1-1-3 特指度=113
body p#largetext ul.mylist li 1-1-4 特指度=114
在此,每个选择符都比前一个选择符的特指度更高。
层叠规则四:顺序决定权重。如果两条规则都影响某元素的同一个属性,而且它们
的特指度也相同,则位置最靠下(或后声明)的规则胜出。

© 著作权归作者所有

上一篇: em 和 ex
n
粉丝 14
博文 204
码字总数 43498
作品 0
厦门
私信 提问
【CSS】样式的优先级

rabbit.jpg 优先级的出现是为了解决CSS样式冲突的问题。 以下两种情况会导致样式冲突: 继承,从多个祖辈那里继承相同的属性。 同一个元素有多个样式(例如为某个段落定义了类样式,又定义了...

KelvinZ
2018/01/16
0
0
CSS入门指南-1:工作原理

这是CSS设计指南的读书笔记,用于加深学习效果。 最近想做一个小程序,前端是必修课,那就从css开始吧。 css 工作原理 每个html元素都有一组样式属性,可以通过css来设定。当html元素的同一个...

goodspeed
2017/07/19
0
0
CSS注意事项(二)

选择器 标签选择器(学会灵活应用) 单个标签 直接使用标签名 多个标签 复杂选择器 div p 选择div内部的所有p元素 div > p 父元素为div的所有p元素 li + li 紧接在li之后的li元素 p ~ ul 选择前...

ShirlyK
2016/08/27
15
0
开源能利用云计算实现转机吗

开源要想利用云计算实现转机,其关键在于抓住云计算在分布式计算上的特长做文章。 开放源代码运动可能凭借云计算恢复活力。 这本是一个十分技术化的话题,但对CEO们来说,具有特别意义。有道...

红薯
2010/07/21
423
3
Cube、Cuboid 和 Cube Segment

1.Cube (或Data Cube),即数据立方体,是一种常用于数据分析与索引的技术;它可以对原始数据建立多维度索引。通过 Cube 对数据进行分析,可以大大加快数据的查询效率 2.Cuboid 在 Kylin 中特...

无精疯
2018/06/23
77
0

没有更多内容

加载失败,请刷新页面

加载更多

【2019年8月版本】OCP 071认证考试最新版本的考试原题-第5题

choose the best answer The CUSTOMERS table has a CUST_LAST_NAME column of data type VARCHAR2. The table has two rows whose COST_LAST_MANE values are Anderson and Ausson. Which q......

oschina_5359
22分钟前
2
0
电脑怎样制作流程图?分享绘制流程图方法

流程图的绘制可以用很多方法来实现,小编经常使用电脑对流程图进行绘制,即简单又便利,相信很多朋友都因为不知道怎样绘制流程图而选择了放弃,今天这篇文章希望可以让大家重拾绘制流程图的信...

干货趣分享
24分钟前
2
0
Elasticsearch 7.x 之文档、索引和 REST API 【基础入门篇】

前几天写过一篇《Elasticsearch 7.x 最详细安装及配置》,今天继续最新版基础入门内容。这一篇简单总结了 Elasticsearch 7.x 之文档、索引和 REST API。 什么是文档 文档Unique ID 文档元数据...

泥瓦匠BYSocket
28分钟前
2
0
TL665x-EasyEVM开发板处理器、flash、RAM

TL665x-EasyEVM是广州创龙基于SOM-TL665x核心板研发的一款TI C66x多核定点/浮点高性能DSP开发板,采用核心板+底板方式,底板尺寸为200mm*106.65mm,采用4*50pin和1*80pin B2B工业级连接器,稳...

Tronlong创龙
32分钟前
2
0
DevExpress Report-XRTable绑定数据

将从跳转前的页面(A)中获取传入的数据(dtOrd、BatchID、ModelID),绑定到Report报表对应的控件 ,代码如下: this.xrtBatchID.Text = sBatchID; this.xrtModel.Text ...

_Somuns
33分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部