不知何去程序猿
2018-02-11 03:09
采纳率: 85.7%
浏览 4.4k

CSS P标签字体为什么和设置的字体不一样

我设置了16px,用F12看却是18px,这是为什么,怎么让它是16px

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

17条回答 默认 最新

  • xqhui6 2018-02-11 03:18
    已采纳

    要看CSS的优先级,规则如下
    1.多个选择器可能会选择同一个元素,有3个规则,从上到下重要性降低:
    !important的用户样式
    !important的作者样式
    作者样式
    用户样式
    浏览器定义的样式

    1. CSS规范为不同类型的选择器定义了特殊性权重,特殊性权重越高,样式会被优先应用。 权重设定如下: html选择器,权重为1; 类选择器,权重为10; id选择器,权重为100; 这里还有一种情况:在html标签中直接使用style属性,这里的style属性的权重为1000; 即如下情况: #x34y {color:red} <. p id=x34y style="color:green"> 优先选择style=""设定的样式。

    例子:
    h1{color:blue} 权重为1
    p em{color:yellow} 权重为2
    .warning{color:red} 权重为10
    p.note em.dark{color:grag} 权重为22
    #main{color:black} 权重为100 这里还有一种情况:
    权重一样时如何处理?

    3.CSS样式的层叠原则——谁离我近,谁说了算。
    当权重一样时,会采用“层叠原则” 后定义的会被应用。
    如:p{color:yellow}
    p{color:red}
    作用到这里 <. p >我的什么颜色呢?< /p>
    结果会是red的。

    4.CSS样式的特殊标记——谁有特权,谁说了算。
    如果有人看不顺眼,非得要自己说了算,那可以搞点特权,如下即可
    p {color:blue !important;}
    加上!important;可将自己权重设为最高。

    打赏 评论
  • leavecu 2018-02-11 03:16

    是你全局设置了18px,通过单独赋值id重新设置一下试试。

    打赏 评论
  • 红尘中的三粒土 2018-02-11 03:18

    我想是不是你class或者id 元素 级别不够,样式没有起作用?

    打赏 评论
  • 梦无残 2018-02-11 03:25

    行内样式 加 !important 指定能生效
    如 font-size:12px !important;

    打赏 评论
  • 梦无残 2018-02-11 03:26

    调试css js 还是chrome好用

    打赏 评论
  • 啊喵是我 2018-02-11 03:28

    字体为18px是因为其他的css样式影响到这里,而且权值大于你的16px。
    如果你不知道哪里影响到你的样式,你可以给这个标签独有的样式Class(这样你不会影响到其他标签的样式),
    再在样式后面添加 !important(font-size:16px !important)这样16px的样式权值最大,字体就会显示16px

    打赏 评论
  • RolleDev 2018-02-11 06:33

    可能是你全局设置了18px,通过单独赋值id重新设置。望采纳

    打赏 评论
  • 李小逗逗 2018-02-11 07:23

    权重不一样,可能取的是全局的,可以具体一步步定位到该元素

    打赏 评论
  • qq_28743719 2018-02-11 08:07

    您看下您给的样式是否给上了,或者是你页面中还有您设置的样式从而覆盖了你设置的16px.

    打赏 评论
  • 飞鸿u 2018-02-11 09:01

    样式是否起作用,是否被覆盖

    打赏 评论
  • ACTerminate 2018-02-11 09:24

    可能你直接把p标签样式修改了,或者有别的样式覆盖掉了

    打赏 评论
  • 陈学礼 2018-02-11 11:19

    具体看下被哪个样式控制到了,是css文件?还是html里面的?还是直接在p标签中就有style控制乐?

    打赏 评论
  • xuantxd01 2018-02-12 08:31

    font-size:16px !important; 这样就可以了

    打赏 评论
  • 天真DD 2018-02-13 05:10

    body的默认字体去掉

    打赏 评论
  • greatens 2018-02-14 03:25

    检查一下样式表,看看有没有什么东西漏写了

    打赏 评论
  • weixin_36964632 2018-02-23 06:30

    你在你写的16px的后面加上!important,使得优先级最高

    打赏 评论
  • 三知之灵 2018-02-23 10:06

    1.样式的设置方式:
    优先级 :链接、导入样式<嵌入样式<行内样式
    2.同种方式:
    后面的覆盖前面的
    3.特殊标记:
    !important;

    打赏 评论

相关推荐 更多相似问题