麻烦老师解答（里面包含自己的理解） 谢谢
来源：3-35 层叠性和选择器权重计算
夜的解忧铺
2021-06-18 00:49:31
1 如下图的题目 文字部分是包含在div 里面的 并且包含两种样式 行内式和内嵌式
这里可以理解成是作用于同一个div，在权重比较时 按照权值不同，谁权高，就用哪个 ，但是行内式的权重要大于内嵌式 所以在没有!mportant来提升权重 文字颜色会是红色
如果不是作用在同一个div 而是不同的div 要怎么比较权重 是涉及到继承式权重吗 又是怎么计算的
2
权值相同，就近原则 权值不同，谁权高用谁
1 就近原则是指 在相同的样式样式的情况下 书写样式的前后顺序 还是书写结构上的前后顺序，
1）权值不同：那就近原则是作用在不同的元素上吗 像下方的例子 作用在不同的元素，只是存在后代之间的关系，可以使用继承式权重，权值并不相同
2）权值相同，是书写样式在后面的覆盖前面的吗
2
1）权值不同，当作用于同个元素时，可以使用权重算法
2）权值不同，作用在不同的元素上，是使用继承式权重吗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box1 .box1{
color: red;
}
.box1 .box4 p{
color: blue;
}
</style>
</head>
<body>
<div id="box1" class="bo2">
<div class="box1" id="box2">
<div id="box3" class="box4">
<p>我是段落</p>
</div>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕然然
2021-06-18
同学你好，关于同学的疑问解答如下：
1、同学对于行内式、内嵌式以及!mportant权重的理解是正确的。
2、关于继承式权重：如果存在多个继承样式，则要比较谁距离文字近，在以下例子中，第一个选择器作用于#box3，第二个选择器作用于#box2，文字在p中；对于p而言，#box3要比#box2离的近：
所以，样式以#box3的为准，字体是红色。
3、关于就近原则问题：是指书写样式的前后顺序，当选择器权值相同时，遵循就近原则，如图
书写结构的前后顺序，用于继承样式时，参考继承式权重。
祝学习愉快！
0
相似问题