html设置样式不继承_web前端入门到实战:css的核心原理分为优先级原则与继承原则两大部分...

60d471b0640516aeadada5a80807c22e.png

css原理:1.优先原则=>后解析的内容会覆盖之前解析的内容(所谓解析就是读取的css样式)2.继承原则=>嵌套里面的标签拥有外部标签的某些样式,子元素可以继承父元素的属性

1》优先原则针对选择器:a.同一个选择器从上往下读取执行css样式 b.同一类选择器从上往下执行 c.不同类型的选择器优先级,先执行低优先级再执行高优先级,比方基本选择器就是从*通配符<标签div<class选择器<id选择器 d.外部样式与内部样式合并之后再一起执行,根据从上往下执行顺序读取 e.内联样式也就是行内样式是最后执行的 f.加了!important字段是最后执行的

2》继承原则:2.1跟文字样式相关的可以被继承/其他的不能继承 2.2块级元素的宽度如果不设置会继承父元素的宽度,高度取决于它的内容

 1 <!DOCTYPE html>2 <html lang="en">3 <head>4     <meta charset="UTF-8">5     <meta name="viewport" content="width=device-width, initial-scale=1.0">6     <title>css的核心原理分为优先级原则与继承原则两大部分</title>7     <!-- 优先原则针对选择器:a.同一个选择器从上往下读取执行css样式 8         b.同一类选择器从上往下执行 c.不同类型的选择器优先级,先执行低优先级再执行高优先级,比方基本选择器就是从*通配符<标签div<class选择器<id选择器 9 d.外部样式与内部样式合并之后再一起执行,根据从上往下执行顺序读取 e.内联样式也就是行内样式是最后执行的 f.加了!important字段是最后执行的 -->
10     <style type="text/css">
11     div{
12         /* color:#f90; */
13         color:#f90 !important;
14     }
15     /* div{ 16 color:red; 17 } 18 .box1{ 19 color: yellowgreen; 20 } 21 #box2{ 22 color: violet; 23 } */
24     </style>
25     <link rel="stylesheet" href="demo2.css"><!--新建demo2.css,文件内容div{color: blue;}-->
26 </head>
27 <body>
28     <!-- <div class="box1" id="box2">我想起那天下午在夕阳下的奔跑,那是我逝去的青春</div> -->
29     <div style="color: skyblue;">我想起那天下午在夕阳下的奔跑,那是我逝去的青春</div>
30 </body>
31 </html>

从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】都有整理,在线解析,学习指导,点:【WEB前端学习圈⑤】

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/301413.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开源 免费 java CMS - FreeCMS1.3-数据对象-mail

2019独角兽企业重金招聘Python工程师标准>>> 下载地址&#xff1a;http://code.google.com/p/freecms/ mail 从FreeCMS 1.2 开始支持 在使用互动信件相关标签时&#xff0c;标签会封装mail供页面调用。 属性 说明 id id unitid 收信单位id …

c#不可变类型

一、概要不可变(immutable)&#xff0c; 即对象一旦被创建&#xff0c;值就不能被改变&#xff0c;每次改变都会产生一个新对象。不可变对象如下&#xff1a;stringImmutableStackImmutableQueueImmutableListImmutableHashSetImmutableSortedSetImmutableDictionaryImmutableS…

3dmax导出x文件插件2020_C4D与unity3D,3DMAX,AI,AE,ks之间互导

一&#xff0c;C4D与unity3D互导C4D——unity3DC4D导入unity3D遇到的各种问题1.在C4D里挤压的模型转换为可编辑对象了&#xff0c;但是导入Unity以后&#xff0c;模型的封顶没了&#xff1f;2.导入到Unity中发现在里面查看模型丢面和少模型的问题&#xff0c;而且素材也少了好多…

128位计算机 ps2,64位就是最强电脑?难道就没有128位的电脑吗

知道两个系统版本的不同&#xff0c;很多软件是不能通用的。还记得几年前内存价格下降&#xff0c;很多朋友都升级了大的内存&#xff0c;而有的玩家安装内存之后发现32位的系统不支持3.25G以上的内存&#xff0c;也让一些玩家耿耿于怀&#xff0c;网上出现了很多让32位系统支持…

还在为孩子学不好数学而犯愁?你想要知道的或许在这!

▲数据汪特别推荐点击上图进入玩酷屋记得寒假时&#xff0c;超模君七岁小表弟来问了我一道题目&#xff1a;下面线段有多少条&#xff1f;首先我问了他什么是线段&#xff1f;他说&#xff1a;两端有端点&#xff0c;不可以伸长的直线。AB就是线段。我慢慢引导&#xff0c;假如…

MySQL IFNull 详解

MySQL ifnull()函数和nvl()函数类似&#xff0c;但是也有所不同&#xff0c;下面就为您详细介绍MySQLifnull()函数 &#xff0c;希望可以让您对MySQL ifnull()函数有更深的认识。 IFNULL(expr1,expr2) 如果expr1不是NULL&#xff0c;IFNULL()返回expr1&#xff0c;否则它返回e…

NET问答: 如何从 event 中移除所有的 handler ?

咨询区 Carrick&#xff1a;我知道在 Control 上如何新建一个 Handler。c.Click new EventHandler(mainFormButton_Click);或者这样c.Click mainFormButton_Click;也知道如何从 event 上移除一个 handler。c.Click - mainFormButton_Click;现在的疑问是&#xff1a;如果简单粗…

ddr4服务器内存频率_镁光出样DDR5内存;紫光发布P5160系列SSD!

今 日 资 讯 1镁光出样DDR5内存2020年AMD、Intel即将推出的新一代CPU处理器还会支持DDR4内存&#xff0c;但是下一代DDR5内存已经近在眼前&#xff0c;2021年就会正式上市。近日镁光宣布开始向客户出样最新的DDR5内存&#xff0c;基于1Znm工艺&#xff0c;性能提升了…

计算机态,(计算机)有限态自动机,FSM(finite state machine),音标,读音,翻译,英文例句,英语词典...

补充资料&#xff1a;ω-有限自动机ω-有限自动机ω-finite state automata1094。一youx一anz}dongJ-。.有限自动机(。一rinite state automata)一种在无限串上运行的有限状态自动机&#xff0c;是一种。一语言的识别模型。主要研究。一的各种识别方式以及在通常的五种识别条件…

数据时代,信息的无处遁形

从数据中抽取信息从信息中挖掘知识随着大数据时代的到来&#xff0c;数据挖掘的重要性越发显著。可谓是兵马未至&#xff0c;数据先行。所谓数据挖掘&#xff0c;一般是指从大型数据库中将隐藏的预测信息抽取出来的过程&#xff0c;而更为精确的解释就是“从数据中挖掘知识”。…

artDialog对话框在PHP下的简单应用-artDialog弹出层篇

本教程使用的是artDialog 4.1.7版本&#xff0c;由于需要iframe的支持&#xff0c;所以选择这个版本&#xff0c;artDialog 5.0.3不支持iframe。 本教程是基于本站站长在网页设计写代码过程中与PHP页面交互的应用&#xff0c;部分表单类功能基于artDialog iframe来完成的。也许…

Dotnet Core应用跨框架版本运行

有时候&#xff0c;我们真想用新框架&#xff0c;可也真不想改代码。有一个前置的知识需要了解&#xff0c;就是微软 Dotnet Core 框架的版本体系。我前边的文章「Dotnet Core使用特定的SDK&Runtime版本」有详细的说明&#xff0c;可以去翻翻看。前言有一个旧应用&#xff…

服务器运行慢都有哪些问题,服务器数据库的运行速度很慢问题

我的服务器运行速度很慢。察看oracle进程。显示如下&#xff1a;oracle7 26111 26087 0 Apr-29 ? 00:00:04 oracledfjforacle7 5268 1 0 13:40:11 ? 00:00:01 oracledfjf (LOCALNO)oracle7 25169 1 0 15:05:48 ? 00:00:00 ora_dbw…

dw自动滚动图片_3分钟搞定图片懒加载

什么是图片懒加载图片的懒加载就是在页面打开的时候&#xff0c;不要一次性全部显示页面所有的图片&#xff0c;而是只显示当前视口内的图片&#xff0c;一般在移动端使用&#xff08;PC端主要是前端分页或者后端分页&#xff09;。为什么需要懒加载对于一个页面加载速度影响最…

获利40多万,工地技术员自学开发外挂被抓

全世界只有3.14 % 的人关注了数据与算法之美今年年初&#xff0c;江苏省公安厅召开新闻发布会&#xff0c;通报全省公安机关开展“净网”专项行动战果。随后平安江苏 在微博中公布了多个案件&#xff0c;其中有个涉及利用技术定位侵犯公民个人信息的案件。【案发】欠债老板在吃…

使用C#在VS Code中编写Notebook

提到大名鼎鼎的Jupyter Notebook&#xff0c;大家应该都听说过。它是基于网页的用于交互计算的应用程序。其可被应用于全过程计算&#xff1a;开发、文档编写、运行代码和展示结果。但是Jupyter Notebook需要使用Python编写代码&#xff0c;对.Neter不太友好。不过&#xff0c;…

缓慢渐变维度的处理方式

维度可以根据变化剧烈程度主要分为无变化维度、缓慢变化维度和剧烈变化维度。例如一个人的相关信息&#xff0c;身份证号、姓名和性别等信息数据属于不变的部分&#xff0c;政治面貌和婚姻状态属于缓慢变化部分&#xff0c;而工作经历、工作单位和培训经历等在某种程度上属于急…

显卡mx150和230哪个好_建模渲染用专业图形显卡和游戏显卡哪个更好?

最近很多朋友让小杨写配置单顺带装机&#xff0c;70%的用户是游戏需求&#xff0c;20%的是设计需求&#xff0c;为数不多的是办公需求&#xff0c;那么问题来了&#xff0c;建模渲染用专业图形显卡和游戏显卡哪个更好&#xff1f;下面小杨给大家深度剖析一番。(建模渲染)今天小…

计算机录取高考生过程,解密高考录取过程:人机结合 打造“阳光高招”

考生的档案怎么被投到志愿高校?每个院校的录取分数线怎么划定?哪些学生容易被退档?15日下午&#xff0c;记者随部分省人大代表探访设在大学城的高招录取现场&#xff0c;为您详解高招录取关键环节。先来看下文史、理工类本一批次实行的按院校平行志愿的网上录取的大致流程&a…

每日一笑 | 如果把大脑看成CPU的话...

全世界只有3.14 % 的人关注了数据与算法之美&#xff08;图片来源于网络&#xff0c;侵权删&#xff09;