【html】如何解决标签设置成超链接后字体格式及颜色变化的问题

您所在的位置:网站首页 如何改变超链接的字体颜色 【html】如何解决标签设置成超链接后字体格式及颜色变化的问题

【html】如何解决标签设置成超链接后字体格式及颜色变化的问题

2024-07-13 21:41:11| 来源: 网络整理| 查看: 265

问题描述:

如图所示,将一个标签设置成超链接后字体颜色和格式会发生改变,如果我只想让它保持原来的格式应该怎么办?

解决方法:

在a标签中添加一个属性:

style="color:inherit;"

添加后的代码:

关于我们 添加后效果:

 

可以看到添加改属性后超链接的字体颜色和大小与其他标签字体完全相同

实现分析(inherit属性):

inherit 关键字指定一个属性应从父元素继承它的值。

inherit 关键字可用于任何 HTML 元素上的任何 CSS 属性。

以下面的代码为例:

公司介绍 加入我们 合作伙伴招募 联系我们 .child { top: 97px; left: -43px; padding: 0px; z-index: 999; width: 150px; border: 1px solid #b5b5b5; } .child ol { background: #fff; border: none; width: 150px; } .child ol li { height: 50px; line-height: 50px; border-bottom: 1px solid #b5b5b5; text-align: center; width: 150px; } .child ol li a { padding: 0; width: 100%; } .child ol li:last-child { border-bottom: none; } .child ol li a:hover { color: #fff; background: #205ba3; } .w_219 h5 label { display: none; }

注:中的代码为CSS代码

  分析:如果添加该属性后就会强制继承其父标签的style属性,而的属性收到了下面css代码的控制,所以最终的属性和其他标签相同

总结:

  这里不得不感叹一下inherit属性的强大,之前以我个人的认知我觉得设置成超链接后字体的格式和颜色一定会变,想要和原来保持一致需要使用css代码设置的属性和其他的标签一模一样,对比一下,十分佩服开发者的智慧。天下苦前端三大组久矣?非也!但手不熟尔!



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭