仙剑问情0.0 2023-04-21 17:08 采纳率: 77.8%
浏览 16
已结题

关于继承优先级层叠问题


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf8" http-equiv="content-type" content="text/css">
    <title>dsaf</title>
    <style>
      p{
        color: red;
      }
      div p{
        font-size: 55px;
        color: pink;
      }
    </style>
  </head>
  <body>
      <p>这是p标签</p>
  </body>
</html>
请问：
1.为什么结果是红色字体而且不是55px，根据优先级p的优先级是1，div p的优先级是2,为什么会执行p{}而不是div p{}？
2.看结果好像直接连div p{}都没有执行，因为字号不是55px，这是为什么，定义了一个单独的p，又定义了一个继承了div的p，他们也只是颜色冲突，而字号并不冲突呀？
3.最后我想问一下这个div p{}和p{}有什么区别？都是用户样式么（用户自己定义的单独p{}和单独的继承后的p{}）？
  • 写回答

2条回答 默认 最新

  • 守时间的孤岛 2023-04-21 17:21
    关注

    该回答引用chatgpt:
    在该代码中，只有一个p标签，没有div标签，所以div p{}样式规则不会被应用。因此，只会应用p{}的样式规则。
    样式表中的字号单位为px，而不是pt。这可能导致字号看起来比预期的小。另外，如果您的浏览器在调整文本大小时使用了缩放比例，也可能导致文本大小与预期不符。定义单独的p和继承自div的p的样式规则中，字号属性并没有冲突，但是字号大小由于单位的不同和缩放比例的影响，可能会显示不同的大小。
    div p{}和p{}都是CSS选择器。p{}是匹配所有p标签的选择器，而div p{}是匹配所有在div元素内部的p标签的选择器。两个选择器的区别在于它们匹配的元素不同。这两个选择器都可以由用户定义，都是用户样式。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 关于继承和优先级问题 css css3
    2023-04-22 23:15
    回答 5 已采纳 来了 来了 发现你对继承特别的执拗,没猜错的你是初学者把,我刚学的时候也对这些细节扣的特别执着 你的问题 我就不看了, 直接用你的代码 给你讲一下 首先 上次我们说了 继承来样式 你可以算他权重是
  • 关于运算符优先级的问题 c++
    2022-06-20 23:40
    回答 3 已采纳 c = ++x || --y && !--z; 相当于是：c = (++x) || (--y && !(--z)); ++或者--在前会先进行自增或者自减运算，所以在 ++x = 1 为真，|| 后边
  • 关于运算符优先级问题 c语言
    2022-09-17 16:15
    回答 2 已采纳 注意>优先级比==高（5>3） == (6>4)-------------------1==1（6 == 6） == 6---------------------1==6 6
  • 继承层叠优先级
    2022-04-08 00:17
    langmanboy的博客 继承层叠优先级 在使用CSS选择器的时候要注意CSS的三大属性：继承性和层叠性和优先级属性。 继承性。有一些属性给祖先元素，所有的后代元素都集成上了。关于文字样式的（color、font-、text-、line-），都能够继承...
  • 关于字符优先级的问题 java
    2021-10-03 19:41
    回答 3 已采纳 result1 = a+b+c+d; 直接算， a+b+c+d = 40;result2 = a+c%b; 先算，c%b = 20%4 = 0， 所a+c%b = 10 result3 =
  • 关于C++代码优先级的问题！ c++
    2023-04-05 22:36
    回答 6 已采纳 这种前置和后置确实是有点绕，要从编译器和一个完整的计算来考虑这句话 *out_iter++ = e; 要从一个整体来看，因为是后置++，所以要等到整体执行完后再执行++操作这个整体先不看++，就是
  • 关于C语言中运算符优先级的问题 c++ c语言
    2022-05-29 19:15
    回答 1 已采纳 1，这是一个三目运算符，a?b:c。2，对y>0进行判断，如果是正确的，则为真=1，x=3；如果是错误的，则为假=0，x=5。3，把它转换为代码 if（a） { return b; }
  • CSS-继承、层叠、优先级【看这一篇就够了】
    2024-08-31 13:03
    是洋洋a的博客 目录 CSS继承性 CSS继承性遵循“就近原则” 可继承属性和不可继承属性 一些特殊情况下的继承 a标签的color值默认不继承 line-height的继承性 body标签样式初始化 设置继承性 CSS层叠性 什么是层叠性 层叠性解读 CSS...
  • 关于web前端优先级的疑问 html5 有问必答
    2021-08-09 02:34
    回答 2 已采纳 menu的display设置为mone是menu整个元素隐藏，包括menu元素的子元素a标签也一起隐藏了， 父元素用display：mone隐藏，子元素必然是也一起隐藏，不论子元素display的值是
  • 关于vue项目样式优先级问题 css javascript vue.js
    2022-09-28 14:34
    回答 5 已采纳 style 不加 scoped 是全局的加上 scoped 就只在当前组件生效 在全局生效是因为你那个弹窗在当前组件之外 。f12看看就知道了
  • js 轮询 请求优先级的问题 javascript 前端
    2022-05-10 20:14
    回答 1 已采纳 1.轮询的频率不要过密,2请求数据时用异步请求关闭轮询定时器 当请求2成功后在打开轮询, 3因为定时器轮询卡在了程序的进程 所以控制台打印了 界面还没有更新
  • 【Web前端】理解 CSS 层叠、优先级和继承
    2024-08-21 15:03
    一条晒干的咸魚的博客 Web 开发中，CSS (Cascading Style Sheets) 是决定网页视觉呈现的关键技术之一。它为 HTML (Hypertext Markup Language) ...然而，CSS 的强大功能伴随着一定的复杂性，尤其是在处理层叠、优先级和继承这些核心概念时。
  • CSS层叠性、继承性以及优先级
    2022-10-25 18:08
    阿珂要努力呀的博客 css的三大特性（层叠、继承、优先级）总结（!important）！！！
  • css特性（继承、层叠、优先级）
    2023-01-29 19:09
    lxl211的博客 子元素有默认继承父元素样式的特点(子承父业)可以继承的常见属性(文字控制属性都可以继承)
  • 【深入理解CSS】层叠、优先级、继承
    2022-07-23 14:11
    cheerio_inf的博客 故学习CSS，我们首先需要理解浏览器如何解析样式规则，尤其是当两条规则提供了冲突的样式时会发生什么，就需要理解层叠。若是只指定了三个值，则第一个值表示上，第二个值表示左右，第三个值表示下。te，即link，...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月29日
  • 已采纳回答 4月21日
  • 创建了问题 4月21日

悬赏问题

  • ¥50 .net core 并发调用接口问题
  • ¥15 网上各种方法试过了，pip还是无法使用
  • ¥15 用verilog实现tanh函数和softplus函数
  • ¥15 Hadoop集群部署启动Hadoop时碰到问题
  • ¥15 求京东批量付款能替代天诚
  • ¥15 slaris 系统断电后，重新开机后一直自动重启
  • ¥15 QTableWidget重绘程序崩溃
  • ¥15 谁能帮我看看这拒稿理由啥意思啊阿啊
  • ¥15 关于vue2中methods使用call修改this指向的问题
  • ¥15 idea自动补全键位冲突