大阳城·(中国区)官方网站入口-Macau App Station

文本的样式

例1共使用了11对

标签，它们层层嵌套。第15行代码我们对最里层的

定义类名“inner”。第7、8行代码，使用类选择器和后代选择器分别定义最里层div的样式。此时浏览器中文本的样式到底如何显示呢?如果仅仅将基础选择器的权重相加，后代选择器(包含11层div)的权重为11，大于类选择器“.inner”的权重10，文本将添加下画线。

运行例1，效果如下所示。

1670579654196_复合选择器.png

在上图中，文本并没有像预期的那样添加下画线，而显示了类选择器“.inner”定义的删除线。可见，无论在外层添加多少个标签，复合选择器的权重无论为多少个

标签选择器的叠加，其权重都不会高于类选择器。同理，复合选择器的权重无论为多少个类选择器和标签选择器的叠加，其权重都不会高于i选择器。

上一篇：如何解决margin塌陷与合并问题? 下一篇：什么是绝对路径？什么是相对路径？

最新资讯

相关阅读

0 分享到：

javaee

python

web

design

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

Python

jdbc

北京校区

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

热门课程推荐

更多>>

首页|校区分布|师资力量|关于我们|报名流程

常见问题|技术资讯

大阳城·(中国区)官方网站入口-Macau App Station版权所有
Copyright 2006-2023, All Rights Reserved

在线咨询我要报名

和我们在线交谈！