详细介绍CSS样式权值

内联样式表(inline style)>内部样式表(internal style sheet)>外部样式表(external style sheet)

例外:但如果外部样式表放在内部样式表下边引用,则外部样式表>内部样式表;

1,内联样式表权值为1000;

2,ID选择器的权值为100;

3,Class类选择器的权值为10;

立即学习“前端免费学习笔记(深入)”;

4,HTML标签选择器的权值为1;

具体代码如下:

nbsp;html>        CSS样式权值            body{               font-size: 20px;               font-weight: 900;            }           h3{               color: yellow;           }           #redP p{               /*权值100+1=101*/               color: #f00;               /*红色*/           }           #redP p.red em{               /*权值100+1+10+1=112*/               color: #00f;               /*蓝色*/           }           #redP .red em{               /*权值100+10+1=111*/               color: #0ff;               /*亮蓝色*/           }           #redP p span em{               /*权值100+1+1+1=103*/               color: #ff0;               /*黄色*/           }               

例外:外部样式表>内部样式表

    

        

                            emred                    

        

red

    

登录后复制

以上这篇浅谈CSS样式权值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。

更多详细介绍CSS样式权值相关文章请关注PHP中文网!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2906681.html

(0)
上一篇 2025年3月11日 02:46:57
下一篇 2025年3月1日 06:16:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • CSS实现三角效果的实例详解

    方法一:使用border来设置边框,元素有高度和宽度 .triangle {         transform: rotate(45deg);         display: block;         width: 12px;   …

    2025年3月11日
    200
  • CSS之关于clearfix清除浮动方法

    一,什么是.clearfix 你只要到Google或者Baidu随便一搜”css清除浮动”,就会发现很多网站都讲到”盒子清除内部浮动时可以用到.clearfix”。 .clearfix:aft…

    编程技术 2025年3月11日
    200
  • css常用属性之颜色和单位

    在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚。 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般常用英文颜色名或者十六进制颜色值来设置颜…

    编程技术 2025年3月11日
    200
  • css盒子边框样式介绍

    边框样式有全边框和单个边框样式,可对每条边设置不同的样式 如下代码P1为全边框样式,P2为单个边框设置不同的样式: nbsp;html>        css边框样式     #p1{ background: yellowgreen;…

    编程技术 2025年3月11日
    200
  • css文本样式及控制文本的大小写方法

    常用文本样式如下: text文本样式 h3{ /*text-indent:首行缩进*/ text-indent: -2em; padding-left:2em; /*text-shadow:必需。水平阴影的位置。允许负值。 必需。垂直阴影的…

    编程技术 2025年3月11日
    200
  • css常用属性伪元素和伪元素的总结

    前面几遍中我们分别说到了id选择器和class选择器,以及它们的区别和联系,下面大家一起来探究一下神奇的为类和伪元素吧。 其实以前我对伪类和伪元素也是搞得稀里糊涂的,现在决定剥开它神秘的外衣,首先,究竟什么是伪类?什么是伪元素? 伪类和伪元…

    编程技术 2025年3月11日
    200
  • 整理的最全的css clearfix清除浮动的方法

    css中经常使用clearfix清除浮动,作者列出了几个clearfix的不同的使用方法进行对比,需要的朋友可以参考下css clearfix清除浮动的方法.(css为什么要清除浮动(float)? 清除浮动的原理是什么) 一,什么是.cl…

    编程技术 2025年3月11日
    200
  • 利用CSS伪元素创建带三角形的提示框的实现技巧

    下面小编就为大家带来一篇利用css伪元素创建带三角形的提示框的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 CSS伪元素非常有用,它提供了一种无需多余的DOM元素来实现一些常见的功能的方法,以下利用…

    编程技术 2025年3月11日
    200
  • CSS使用盒模型实例讲解分析

    盒子是css中的基础概念,我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距,或者使用 padding 简写属性在一条声明中设置所有…

    2025年3月11日 编程技术
    200
  • 浅谈CSS浮动的方法介绍

    元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。 浮动元素之前的元素将不会受到影响。   立即学习“前端免费学习笔…

    2025年3月11日 编程技术
    200

发表回复

登录后才能评论