<!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. Poj-3922 A simple stone game（k倍动态减法）
			
    题意: 游戏是这样的:两个玩家以一堆n个石头开始游戏.他们轮流从石堆里取石头,每次至少取一块.先走的人第一步最多可以拿n-1块石头.从那时起,一个玩家最多可以拿k倍于他的对手上次拿的石头.例如,如果一 ...
    
			
    2. 
						
  2. Uva 12436 Rip Van Winkle's Code
			
    Rip Van Winkle was fed up with everything except programming. One day he found a problem whichrequir ...
    
			
    3. 
						
  3. Python 遭遇 ProxyError 问题记录
			
    最近遇到的一个问题,在搞清楚之后才发现这么多年的 HTTPS_PROXY 都配置错了! 起因 想用 Python 在网上下载一些图片素材,结果 requests 报错 requests.excepti ...
    
			
    4. 
						
  4. Markdown基本语法学习(使用Typora编辑器)
			
    Markdown基本语法学习(使用Typora编辑器) 一级标题:就用 #加标题名字 二级标题 二级标题:## + 标题名字 三级标题 三级标题:### + 标题名字 四级标题 四级标题:#### + ...
    
			
    5. 
						
  5. K8S(02)管理核心资源的三种基本方法
			
    系列文章说明 本系列文章,可以基本算是 老男孩2019年王硕的K8S周末班课程 笔记,根据视频来看本笔记最好,否则有些地方会看不明白 需要视频可以联系我 管理k8s核心资源的三种基本方法: 目录 系列 ...
    
			
    6. 
						
  6. MySQL 基础面试题
			
    请写出什么是事务? 事务是一组不可分割的 DML 语句,事务处理可以用来维护数据库的完整性,保证一组 SQL 语句要么全部执行成功,要么全部不执行,只有 InnoDB 存储引擎才支持事务 . 事务的特 ...
    
			
    7. 
						
  7. IDE - vscode
			
    [一]VSCODE官方插件库 https://marketplace.visualstudio.com/ 最好能在文件->首选项->设置中,搜索update,将Auto Update关闭, ...
    
			
    8. 
						
  8. 牛客网多校第4场 A.Ternary String 【欧拉降幂】
			
    题目:戳这里 学习博客:戳这里 欧拉函数的性质: ① N是不为0的整数.φ(1)=1(唯一和1互质的数就是1本身) ② 除了N=2,φ(N)都是偶数. ③ 小于N且与N互质的所有数的和是φ(n)*n/ ...
    
			
    9. 
						
  9. Python源码剖析——02虚拟机
			
    <Python源码剖析>笔记 第七章:编译结果 1.大概过程 运行一个Python程序会经历以下几个步骤: 由解释器对源文件(.py)进行编译,得到字节码(.pyc文件) 然后由虚拟机按照 ...
    
			
    10. 
						
  10. 翻译：《实用的Python编程》01_04_Strings
			
    目录 | 上一节 (1.3 数字) | 下一节 (1.5 列表) 1.4 字符串 本节介绍处理文本的方法. 表示字面量文本 在程序中字符串字面量使用引号来书写. # 单引号(Single quote) ...
    
			
    11.