reset.css？css reset的作用和用途
chrome 调试为什么有些css不能改
我刚刚也碰到了一样的问题，chrome的dev里面也是显示style，而不是文件名。但是样式都显示了呀，火狐里面是可以改的！一开始很懵*，仔细看了一下没哪里写错啊，引用路径都对的啊！
然后我就把css文件里面的样式删掉，写个简单属性的测试，发现chrome里面是可以改的。所以我就回去看看是不是样式写错了，但是编译器也没报错，慢慢找，删掉可能导致这个问题的属性，然后试一下，结果我发现是我background属性，定义了一个颜色，因为图片还没好，url也顺便写了，但给了一个空值，于是我删掉了url然后就好了。
这个问题你可以先检查一下你的地址是不是对的，然后去检查css文件内容有没有问题。
虽然不是很难，遇到了我就拿出来分享一下，万一对你们有用呢！！！
css优先级计算规则
梳理这部分是因为在使用组件模式开发h5应用会出现组件样式修改未生效的问题，在解决样式修改的问题前，需要理清楚CSS样式生效的优先级。样式根据引入和声明需要分开介绍，分为引入样式优先级和声明样式优先级。
引入样式优先级
引入样式优先级一般是在外部样式、内部样式、内联样式之间应用同一个样式的情况是使用，优先级如下：
外部样式|内部样式<内联样式
外部样式和内部样式，最后出现的优先级最高，例如：
<!–内联样式–><spanstyle=”color:red;”>Hello</span><styletype=”text/css”>/*内部样式*/h3{color:green;}</style><!–外部样式 style.css–><linkrel=”stylesheet”type=”text/css”href=”style.css”/>
因此，对于一些重置的样式集，比如 normalize.css/reset.css必须写在所有样式的前面。
PS:没有外联样式，参考。
声明样式优先级
1.大致的优先级
一般来说满这个规则：
继承不如指定
!important>内联> ID> Class|属性|伪类>元素选择器
:link、:visited、:hover、:active按照LVHA（LoVe HAte）顺序定义
上面是优先级算法反映出的大致结果，在一般的开发中熟记即可。如果需要进一步研究原理，则了解下优先级算法。
2.优先级算法
选择器的特殊性值分为四个等级，如下：
等级标签内选择符ID选择符Class选择符/属性选择符/伪类选择符元素选择符
示例<span style=”color:red;”>#text{color:red;}.text{color:red;} [type=”text”]{color:red}span{color:red;}
标记位x,0,0,00,x,0,00,0,x,00,0,0,x
特点:
每个等级的初始值为0，
每个等级的叠加为选择器出现的次数相加
不可进位，比如0,99,99,99
依次表示为：0,0,0,0
每个等级计数之间没关联
等级判断从左向右，如果某一位数值相同，则判断下一位数值
如果两个优先级相同，则最后出现的优先级高，!important也适用
通配符选择器的特殊性值为：0,0,0,0
继承样式优先级最低，通配符样式优先级高于继承样式
计算示例：
a{color: yellow;}/*特殊性值：0,0,0,1*/
div a{color: green;}/*特殊性值：0,0,0,2*/
.demo a{color: black;}/*特殊性值：0,0,1,1*/
.demo input[type=”text”]{color: blue;}/*特殊性值：0,0,2,1*/
.demo*[type=”text”]{color: grey;}/*特殊性值：0,0,2,0*/
#demo a{color: orange;}/*特殊性值：0,1,0,1*/
div#demo a{color: red;}/*特殊性值：0,1,0,2*/
生效示例：
<ahref=””>第一条应该是*</a><!–适用第1行规则–><divclass=”demo”><inputtype=”text”value=”第二条应该是蓝色”/><!–适用第4、5行规则，第4行优先级高–><ahref=””>第三条应该是黑色</a><!–适用第2、3行规则，第3行优先级高–></div><divid=”demo”><ahref=””>第四条应该是红色</a><!–适用第6、7行规则，第7行优先级高–></div>
关于伪类LVHA的解释
a标签有四种状态：链接访问前、链接访问后、鼠标滑过、激活，分别对应四种伪类:link、:visited、:hover、:active；
当鼠标滑过a链接时，满足:link和:hover两个伪类，要改变a标签的颜色，就必须将:hover伪类在:link伪类后面声明；
当鼠标点击激活a链接时，同时满足:link、:hover、:active三种状态，要显示a标签激活时的样式（:active），必须将:active声明放到:link和:hover之后。因此得出LVHA这个顺序。
这个顺序能不能变？可以，但也只有:link和:visited可以交换位置，因为一个链接要么访问过要么没访问过，不可能同时满足，也就不存在覆盖的问题。
在组件中的应用
目前的前端开发为了增加开发效率，会对常用组件进行封装，此外，组件还会添加一些必要的结构样式。但是业务的设计文稿中可不一定按照预先写好的默认样式，需要在开发业务时根据组件的DOM结构修改默认样式，此时会出现样式不生效的问题。
例如下面的结构，如果对Title直接增加样式类，则肯定不会生效，因为Title的DOM结构为两层(组件样式定义规定不能使用ID选择器，且类选择器满足最小标记原则)），故样式最多为0,0,2,x。因此，样式多层标记就可提高自定义样式的优先级，例如下方的SCSS写法。
<Pageclass=”test”><Headerclass=”test__header”><N*bar><Titleclass=”test__header–title”>Toolbar</Title></N*bar></Header><Content></Content></Page>
.test{.test__header{.test__header–title{height:100px;}}}
此外，对于Page组件的样式标记策略推荐使用金字塔形(树形)，比如上面的SCSS书写，这样可以保证内部自定义样式不会受到外部干扰，减少不必要的麻烦。
链接：
什么是CSS Reset
什么是CSS Reset。HTML标签在浏览器中都有默认的样式，例如p标签有上下边距，strong标签有字体加粗样式等。不同浏览器的默认样式之间存在差别，例如ul默认带有缩进样式，在IE下，它的缩进是由margin实现的，而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题，影响开发效率。现在很流行的解决方法是一开始就将浏览器的默认样式全部覆盖掉，这就是CSS reset。
部分CSSreset内容如下
html{color:#000;background:#FFF;}t5
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
本文链接：http://www.wmyx8.com/html/87964153.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
u8基金定投计算器，指数基金定投收益计算
基金定投里成功期数和投资期数都是什么意思基金定投是指按照投资者约定的扣款周期和扣款日，从指定的扣款渠道，扣指定金额，买入指定基金产品，而基金定投期数则是指投资者已经成功买入基金的次数。 举个例子，投资者在2019年9月8号决定定投，在定投时，设置的扣款周期是一周一次，扣款日为星期一，那么在2019年9月9号，系统将自动进行扣款，定投期数也就是一期；在2019…
-
鄂尔多斯市人事人才网？鄂尔多斯就业
内蒙古鄂尔多斯市东胜区*系统公开招录工作人员公告为了加强*保卫工作，解决*警力短缺的问题，经区委、区人民*研究，现面向全社会公开招录200名工作人员。具体事宜如下： 一、基本原则 坚持德才兼备的用人标准和“公平、公正、公开、竞争、择优”以及“凡进必考”的原则，按照“资格准入、公开招聘、考试考核、择优聘用”的办法。 二、招录单位及名额 东胜区*分局招录200名…
-
问道英文名字 问道游戏名字大全
《问道》名字有哪些 《问道》名字有： 怪我眼瞎、爱上人渣 穷得只剩下作业 容嬷嬷当年也是一枝花 蒙牛没我牛 悟空，给师傅抓个妖精玩玩 给糖就不闹 吃货最怕做饿梦了 *你个不娜娜 长的丑活的久 心中的小鹿已撞*ㄨ 抗忙北鼻沟沟沟 长了一脸美人痣 考试，你和作业私奔吧 同是学渣沦落人 软床等硬枪 考试作弊天经地义つ 问道游戏名字大全 《问道》以深厚博大的道教文化…
-
叮咚动漫免费，叮当漫画里的视频在哪里看
求《泉水叮咚》1982年免费高清百度云资源,张瑞芳主演的 链接: *pan.baidu*/s/1K0KHFyPDi6nRdt3jdfFVjg 提取码: 32jm 《泉水叮咚》 导演:石晓华 编剧:吴建新 主演:张瑞芳、牛犇、张翎飞、王佳莹、方超、陆毅、屈蕴真 类型:剧情 制片*/地区:*大陆 语言:汉语普通话 上映日期: 1982(*大陆) 片长: 97分钟…
-
韩元汇率对人民币 5亿韩元算富裕吗
人民币和韩元怎么换算的换算公式为： 1人民币=184.8653韩元。 1韩元≈ 0.0054人民币。 参考资料：人民币（RMB）是**的法定货币，*人民银行是*管理人民币的主管机关，负责人民币的设计、印制和发行。人民币的单位为元，人民币的辅币单位为角、分。1元等于10角，1角等于10分。人民币符号为元的拼音首字母大写Y加上两横即“￥”。 **自发行人民币以来…
-
湖北大学招生网，湖北大学本科招生信息网
湖北大学招生办电话是多少湖北大学招生办电话：027-86727014、86727004 招生办其他信息： 地址：湖北省武汉市武昌区友谊大道368号 普通本专科招生*：027-86727014、86727004 传真：027-88662270 参考：湖北大学本科招生信息网 湖北大学： 湖北大学（Hubei University）坐落于湖北省武汉市，是湖北省人民…
-
恰锦绣华年全文免费阅读 恰锦绣华年男主太讨厌了
恰锦绣华年小七和谁在一起了《恰锦绣华年》小说结局的最后*燕七和元昶在一起了，元昶的母亲怕皇上忌惮燕元两家联姻，于是一直都在反对，元昶得知之后直接进宫找了皇上，胡闹一番之后皇上对他说了心里话，之后元昶回家将爹娘说服之后去追燕七了，当燕七看到元昶的时候嘴角上扬，作者就已经暗示了两人在一起了，元昶不顾一切陪伴燕七，燕七看到他的时候心里是欢喜的。 恰锦绣华年燕九名字…
-
旅游电商平台(云南旅游攻略详细)
什么事旅游电子商务旅游电子商务模式是指在互联网环境下，通过线上平台为游客提供旅游产品和服务的一种商业模式。以下是一些主要的旅游电子商务模式： 1. B2B（企业对企业）：这种模式主要涉及旅游业中的供应商（如旅行社、酒店、航空*等）与企业客户之间的交易。例如，旅游批发商会在B2B平台上发布旅游产品和服务，吸引企业客户购买。 2. B2C（企业对消费者）：这种模…
-
四川文理学院学报 西昌学院学报
四川文理学院是公办还是民办四川文理学院是一所公立大学，属于二本院校。 四川文理学院，位于天府之国四川东部达州市，办学历史可溯及清末龙山书院，1976年开始举办高等教育，时称达县师范学院。 2006年2月经教育部批准成为本科高校，是川东地区唯一省管普通本科高校，入选四川省卓越教师教育培养计划。 截至2016年10月，学校拥有莲湖、南坝两个校区，占地面积5070…
-
西安楼盘信息，西安楼盘排行榜前十名的楼盘
西安楼盘排行榜前十名的楼盘 西安十个最好的楼盘是： 1、绿城桂语兰庭：绿城桂语兰庭位于西安尚稷路与草滩五路十字交汇处，项目总占地总占地262.7亩，绿化率约31%，容积率3.14，车位配比1:1.32。周边主要设施有西安博爱国际学校、西安市尚稷路学校、渭河城市运动公园、草滩公园、惠特生活超市等。 2、颐合府：颐合府位于西安欧亚六路与广运潭大道交汇十字向北20…
