热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

css怎么可以不继承样式

web前端|css教程cssweb前端-css教程ireaderandroid源码,vscode导入模块失败,ubuntu分辨率设置,tomcat类似,sqlite异常,ps网页设

web前端|css教程css 怎么可以不继承样式
css
web前端-css教程
ireader android 源码,vscode导入模块失败,ubuntu 分辨率设置,tomcat 类似,sqlite异常,ps 网页设计,phpcms 数据库操作源文件,1000g高防服务器,免拆红包插件直装版,目前做前端的框架最流行的,爬虫侵犯,php7.1安装,类聚SEO,抖音springboot,多级tab标签切换,java 网站实例,微信聊天网页分离,css 网站模板,织梦后台不能添加文章,asp日历页面,作业管理系统jsp,java程序生成二维码lzw
推荐:《css视频教学》
安卓仿音乐播放器源码免费下载,ubuntu 自动播放,爬虫爬收费软件,oidc PHP,肥佬seolzw
css的继承:就是给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 官方解释,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。
题库小程序源码,vscode如何加井,ubuntu wine启动,国产替代Tomcat软件,sqlite3如何打印表格,爬虫饲养店购买爬虫,php 图片流 显示,南宁专业seo优化加盟,企业网站源码带支付,php模板标签lzw
有些时候,CSS继承了父元素的样式会很麻烦。请问有何方法可以清空继承的样式?如何让css不继承样式?

目前只能通过覆盖的方式清空样式

这个问题应该在写css的时候考虑到后面的问题

一般只有通用的样式,和结构固定的模块适合使用继承来应用css

否则的话,不应该让样式随便继承,对于结构或表现差异很小的两个模块,也不适合用继承来实现

好点的方式是:把同样的,不易变化的样式部分抽离出来,然后用组合的方式应用到不同模块。

比如两个div

可以提取出共同的样式,放在一个声明下:

.fixedAd {position:fixed;width:200px;height:200px;border:1px solid #ccc;}

然后对于不同的div编写自己的样式:

.a {color:#ffc;background:#ccf;}.b {color:#777;background:#999;}

最后组合的html结构是:

总之是:组合优于继承 这个和编程的道理差不多,呵呵


推荐阅读
  • 基于域名、端口和IP的虚拟主机构建方案
    本文探讨了在单台物理服务器上构建多个Web站点的虚拟主机方案,详细介绍了三种主要的虚拟主机类型:基于域名、基于IP地址和基于端口的虚拟主机。每种类型的实现方式及其优缺点均进行了深入分析,为实际应用提供了全面的技术指导。 ... [详细]
  • 如何在Mac上构建高效的本地服务器环境
    在Mac上构建高效的本地服务器环境,首先需要了解基本步骤:1. 配置目录基础;2. 启动Apache服务;3. 添加自定义文档至本地服务器;4. 查看自定义效果。此外,还可以通过手机或其他电脑访问本机服务器,以确保跨设备的兼容性和调试效果。Mac系统自带的Apache服务为本地开发提供了便捷的工具,本文将详细介绍每个步骤的具体操作方法。 ... [详细]
  • 如何设置域名默认301重定向至www前缀
    在进行域名默认301重定向至www前缀的操作前,确保你已经拥有一个有效的域名,并且该域名已正确解析到外部主机地址,能够正常访问网站。本文主要针对IIS 7及以上版本的用户,IIS 7之前的版本不适用。我们将详细介绍如何通过IIS管理器配置301重定向,确保所有请求都能自动跳转到带有www前缀的URL,从而提升网站的SEO效果和用户体验。 ... [详细]
  • CAS 机制下的无锁队列设计与实现 ... [详细]
  • 通过 NuGet 获取最新版本的 Rafy 框架及其详细文档
    为了帮助开发者更便捷地使用Rafy领域实体框架,我们已将最新版的Rafy框架程序集上传至nuget.org,并同步发布了最新版本的Rafy SDK至Visual Studio。此外,我们还提供了详尽的文档和示例,以确保开发者能够快速上手并充分利用该框架的强大功能。 ... [详细]
  • 1. 设置用户密码:使用 `slappasswd` 工具生成加密密码,确保账户安全。具体步骤如下:输入命令 `slappasswd -s NewPassword`,系统将提示重新输入新密码,并生成加密后的哈希值 {SSHA}xxxxxxxxxxxxxxxxx。2. 编写配置文件:编辑 `vildapus` 配置文件,添加必要的用户账户信息,以确保新用户能够顺利登录系统。 ... [详细]
  • 虚拟机网络设置与数据库远程连接优化指南
    本文针对个人计算机上虚拟机网络配置与数据库远程连接的问题,提供了一套详细的优化指南。在探讨远程数据库访问前,需确保网络配置正确,特别是桥接模式的设置。通过合理的网络配置,可以有效解决因虚拟机或网络问题导致的连接失败,提升远程访问的稳定性和效率。 ... [详细]
  • 在学习LVM(逻辑卷管理)技术的过程中,我对MD(多设备)、DM(设备映射器)以及逻辑设备和RAID的实现有了深入的理解。LVM2架构主要由DM主模块及其多个子模块组成,其中linear子模块用于创建线性设备,类似于简单的磁盘分区拼接。此外,还探讨了其他子模块如striped、mirror等在提高性能和数据冗余方面的应用。通过实际操作,我掌握了LVM的基本配置和管理方法,能够灵活应对不同存储需求。 ... [详细]
  • 如何在CAD阅图软件中将PDF文件高效转换为CAD格式?
    如何在CAD阅图软件中将PDF文件高效转换为CAD格式? ... [详细]
  • 为了向用户提供虚拟应用程序,通常会在基础架构中部署StoreFront或Web Interface。为了确保安全的远程访问,通常需要在DMZ中配置Secure Gateway或Access Gateway。本文详细对比了这两种界面工具的功能特性,包括用户管理、安全性、性能优化等方面,为企业选择合适的解决方案提供了全面的参考。 ... [详细]
  • 掌握Linux Shell核心概念与基础技能,本文详细介绍了文件系统和安全管理中的`chmod`命令。`chmod`命令支持两种模式:符号模式和绝对模式。符号模式使用`ugo`表示用户类别,`rwx`表示权限类型;而绝对模式则通过八进制数值来精确设置不同用户的权限。此外,文章还探讨了其他重要的Shell命令和技巧,帮助读者全面理解和应用Linux环境下的文件管理和安全控制。 ... [详细]
  • 《精通 jQuery》第六章:深入解析与实战应用
    《精通 jQuery》第六章:深入解析与实战应用本章详细探讨了 Ajax 技术的核心机制及其实际应用。Ajax 通过 XMLHttpRequest 对象实现客户端与服务器之间的异步数据交换,从而在不重新加载整个页面的情况下更新部分内容。这种技术不仅提升了用户体验,还提高了应用的响应速度和效率。此外,本章还介绍了如何利用 jQuery 简化 Ajax 操作,并提供了多个实战案例,帮助读者更好地理解和掌握这一重要技术。 ... [详细]
  • Ubuntu 20.04 TLS安装指南:详细步骤与专业技巧
    在 Ubuntu 20.04 LTS 的正式版安装过程中,本文提供了详细的步骤和专业技巧。使用 VMware 虚拟机进行安装时,建议选择简体中文作为系统语言,并采用默认的常规安装选项。虚拟磁盘配置可直接使用默认设置,以简化安装流程。此外,本文还涵盖了安装过程中的常见问题及解决方法,确保用户能够顺利进行系统安装。 ... [详细]
  • 如何撰写PHP电商项目的实战经验? ... [详细]
  • 本文探讨了提升项目效能与质量的综合优化策略。通过系统分析项目管理流程,结合先进的技术手段和管理方法,提出了多项具体措施,旨在提高项目的执行效率和最终交付质量。这些策略包括但不限于优化资源配置、加强团队协作、引入自动化工具以及实施持续改进机制,为项目成功提供了坚实的保障。 ... [详细]
author-avatar
HVV_Ha8m
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有