美文网首页
样式选择规则 2018-03-08

样式选择规则 2018-03-08

作者: Jaydan111 | 来源:发表于2018-03-08 09:44 被阅读0次

<div class="box"><p class="text">请回答我的颜色以及字号</p></div>

<style>

    .box p{

        font-size:24px

    }

      .box  .text{

        color:red;

    }

    .text {

        font-size:18px;

    }

     div .text{

        color:green;

    }

</style>

答案:p的样式:红色   24px

首先我们判断颜色,其选择器分别为 .box .test 和 div .text,前者有两个类选择器,后者一个类选择器一个元素选择器,所以前者权重大,所以为红色。

接下来判断字体大小,同样其选择器分别为 .box p 和 .text,前者有一个类选择器一个元素选择器,后者只有一个类选择器,所以前者权重大,为24px。

相关文章

  • 样式选择规则 2018-03-08

    请回答我的颜色以及字号 .box p{ font-size:24px } .box .text{...

  • CSS权重问题详解(含id、class、元素、伪类、伪元素等)

    CSS又名层叠样式表,是由一个个样式规则组成,而每一个样式规则又可以分为两部分:选择符与声明(或叫样式)。 选择符...

  • CSS的基本语法

    CSS样式规则 css规则有两部分组成:选择器,声明——选择器:设置样式的元素;——声明:由属性和值构成(后面有一...

  • CSS入门

    选择器+样式 eg: CSS规则集 选择器:HTML 元素的名称位于规则集开始(本例是p选择器 )。HTML 元素...

  • 使用文档

    嵌套规则 Sass允许将一套CSS样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器,例如: 编译为 ...

  • CSS中提升优先级属性!important的用法总结

    一、语法 选择器{样式:值!import;} 二、说明 提升指定样式规则的应用优先权,即!important为开发...

  • CSS中提升优先级属性!important的用法总结

    一、语法 选择器{样式:值!import;} 二、说明 提升指定样式规则的应用优先权,即!important为开发...

  • 文字溢出部分&&!important

    一、语法 选择器{样式:值!import;} 二、说明 提升指定样式规则的应用优先权,即!important为开发...

  • CSS代码语法

    css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则...

  • CSS 代码语法

    css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示: 选择符:又称选择器,指明网页中要应用样式规则...

网友评论

      本文标题:样式选择规则 2018-03-08

      本文链接:https://www.haomeiwen.com/subject/jdmefftx.html