<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

            .li{color: #25A725;}

            .li #a{color: #25A725;}

        </style>

    </head>

    <body>

        <ul>

            <li id="li1">li1</li>

            <li id="li12">li12</li>

            <li id="li11">li11</li>

            <li id="li13" class="li"><span>li13</span></li>

            <li id="li15" class="li"><a href="#">li15</a> </li>

            <li id="li15" class="li"><a href="#" id="a">li17</a> </li>

            <li id="li18">li18</li>

        </ul>

    </body>

</html>

因为a标签不能继承样式，所以

.li #a{color: #25A725;}重新设置
1、结论：由于CSS的层叠（cascading），a元素继承自li的样式（color:#25A725）被浏览器的a元素的默认样式给覆盖了。
2、理由：
看图：
图一：

图二：

由以上两个图可以知道：
1、浏览器本身对a元素有默认样式（user agent stylesheet）（图二），对span元素没有默认样式（图一）
2、由于CSS的层叠，a元素red颜色继承自div（Inherited from div）被划掉了（图二）。
3、涉及到的知识点：

												


											
a标签不能继承父级的颜色的更多相关文章
	

    
								
  1. 关于WPF中ItemsControl系列控件中Item不能继承父级的DataContext的解决办法
		
    WPF中所有的集合类控件,子项都不能继承父级的DataContext,需要手动将绑定的数据源指向到父级控件才可以. <DataGridTemplateColumn Header="操作 ...
    
		
    2. 
						
  2. call继承父级属性，prototype继承父级方法
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    3. 
						
  3. Dedecms中{dede:type}标签支持调用父级栏目名称
		
    需求: 我们用{dede:type}标签调用栏目相关内容时,同时需要调用该栏目的父级栏目的名称. {dede:type}标签的代码做了一下开发,支持这个调用了. 开发方法: 1.打开include/t ...
    
		
    4. 
						
  4. css ~  a标签占满父级元素
		
    width: 100%; height: 100%; display: block;
    
		
    5. 
						
  5. maven项目 子父级工程。
		
    一 .什么是 maven 子父级工程? 建立一个maven项目,然后在该项目 下创建一个module,子级的maven,他继承于父级项目. 1.新建立 maven项目,file  ------new- ...
    
		
    6. 
						
  6. 利用CSS背景颜色属性使父级div背景透明同时避免子级标签透明。
		
    实现背景色透明效果的代码 实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性. 输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及C ...
    
		
    7. 
						
  7. html/css更改子级继承的父级属性
		
    一个精美的网页需要的样式很多,在父级上设置的字体颜色或者大小,在其子元素中不一定全部相同,这时候要更改其中某一项的样式怎么办呢. 很多新手朋友就不明白,会迷惑为什么我使用class单独命名了,重新设置 ...
    
		
    8. 
						
  8. JS - 点击事件排除父级标签
		
    点击事件排除父级标签,这里使用的是stopPropagation()方法.event.stopPropagation(); 对了,这里还用了解除click事件,unbind. 下面这篇博文,介绍挺全的 ...
    
		
    9. 
						
  9. IE下 input 的父级标签被 disabled 之后引发的怪异行为
		
    前段时间做了个网盘类的项目,意外发现了这个情况 IE下,将input的父级标签增加 disabled 属性之后,input 的行为变得怪异: 1.input 背景变灰,疑似也被disabled 了.  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ACdream1414 Geometry Problem
			
    Problem Description       Peter is studying in the third grade of elementary school. His teacher of  ...
    
			
    2. 
						
  2. 使用cfssl生成自签证书
			
    安装ssl wget https://pkg.cfssl.org/R1.2/cfssl_linux-amd64 wget https://pkg.cfssl.org/R1.2/cfssljson_li ...
    
			
    3. 
						
  3. kubernetes实战-交付dubbo服务到k8s集群（三）安装配置maven和java运行时环境的底包镜像
			
    maven 官方地址: 官方地址 下载maven,shdd7-200 # cd /opt/src # wget https://archive.apache.org/dist/maven/maven- ...
    
			
    4. 
						
  4. 一些CTF题目--20/9/3
			
    1. 看源码 POST方法.Extract覆盖. 直接url ?参数不行,因为POST参数不在URL上,GET参数才在 Burpsuite抓包,改成  pass=1&thepassword_1 ...
    
			
    5. 
						
  5. codeforces 1077D  Cutting Out 【二分】
			
    题目:戳这里 题意:给n个数的数组,要求找k个数满足,这k个数在数组中出现的次数最多. 解题思路:k个数每个数出现次数都要最大化,可以想到二分下限,主要是正确的二分不好写. 附ac代码: 1 #inc ...
    
			
    6. 
						
  6. 【非原创】codeforces 1060E  Sergey and Subway 【树上任意两点距离和】
			
    学习博客:戳这里 本人代码: 1 #include <bits/stdc++.h> 2 using namespace std; 3 typedef long long ll; 4 con ...
    
			
    7. 
						
  7. vue项目webpack打包后修改配置文件
			
    从webpack打包结构中我们知道,vue中有一个存放外部资源的文件夹static,它里面的文件是不会被打包编译的,所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js ...
    
			
    8. 
						
  8. STM32F107移植LWIP
			
    STM32F107上移植LWIP2.0.3 因为最近需要在STM32F107上实现TCP/IP协议栈,所以网上查了一下,准备使用LWIP,虽然大多数用的是1.4.1版本但是官方说2系大版本修复了1.4 ...
    
			
    9. 
						
  9. ESLint & husky & git commit limit
			
    ESLint & husky & git commit limit 2 == error .eslintrc { "extends": "eslint-c ...
    
			
    10. 
						
  10. Python Lambda & Functional Programming
			
    Python Lambda & Functional Programming 函数式编程 匿名函数 纯函数 高阶函数 # higher-order functions def apply_tw ...
    
			
    11.