<!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. Musical Theme POJ - 1743 后缀数组
			
    A musical melody is represented as a sequence of N (1<=N<=20000)notes that are integers in the ...
    
			
    2. 
						
  2. DNS 是什么？如何运作的？
			
    前言 我们在上一篇说到,IP 地址的发明把我们纷乱复杂的网络设备整齐划一地统一在了同一个网络中. 但是类似于 192.168.1.0 这样的地址并不便于人类记忆,于是发明了 域名(Domain Nam ...
    
			
    3. 
						
  3. 带有Python的音频处理（附带源码）
			
    由于博客播放不了音频,所以音频将以视频形式展现.公众号也正在进行抽书 音频素材请点击这里进行观看 往下拉就是文章地址 有时,在进行编程时,我们需要进行一些音频处理.编程中最常用的音频处理任务包括–加载 ...
    
			
    4. 
						
  4. 牛客网-n的约数【dfs】
			
    题目描述:戳这里 解题思路:这题思路好想,n最多也就是20个不同的素数相乘,把所有可能的素数找到,然后枚举素数个数就行了. n = p1^q1 + p2^q2 + p3 ^q3 + ... + pi  ...
    
			
    5. 
						
  5. SPOJ VLATTICE Visible Lattice Points（莫比乌斯反演）题解
			
    题意: 有一个\(n*n*n\)的三维直角坐标空间,问从\((0,0,0)\)看能看到几个点. 思路: 按题意研究一下就会发现题目所求为. \[(\sum_{i=1}^n\sum_{j=1}^n\su ...
    
			
    6. 
						
  6. 买车交税 All In One
			
    中国买车交税 All In One 消费税 增值税 车辆购置税 车船税 关税 refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问! 原 ...
    
			
    7. 
						
  7. SASS CSS3 koala
			
    CSS with superpowers Sass: Syntactically Awesome Style Sheets http://sass-lang.com/ Sass is the most ...
    
			
    8. 
						
  8. JSON-LD & SEO
			
    JSON-LD & SEO https://json-ld.org/ https://en.wikipedia.org/wiki/JSON-LD Google Search structure ...
    
			
    9. 
						
  9. React Hooks 实现一个计时器组件
			
    React Hooks 实现一个计时器组件 useEffect https://reactjs.org/docs/hooks-reference.html#useeffect import React ...
    
			
    10. 
						
  10. Python Tutorials
			
    Python Tutorials Real Python https://realpython.com/ https://realpython.com/courses/ https://realpyt ...
    
			
    11.