《HTML 5与CSS 3权威指南(第3版·下册)》——第20章 20.1.2 指定个别元素不进行插入

20.1.2 指定个别元素不进行插入

在代码清单20-1的示例中,因为对页面上的h2元素使用了before选择器,所以该页面上如果有多个h2元素,则所有的h2元素前面都会被插入内容。如果想让其中一个或几个h2元素的前面不要插入内容时,应该怎么指定呢?

在CSS 2.1中,针对这个问题在content属性中追加了一个none属性值,使用方法如下代码所示。

通过这种方法,替h2元素增加一个类,然后替这个类起个名字,在这个类的样式指定中将content属性值设定为“none”,然后在不需要插入内容的元素中将class属性的属性值设定为这个给定的类名就可以了。
代码清单20-2为将代码清单20-1修改后使用none属性值的示例,该页面中有三个h2元素,其中第二个h2元素前面没有被插入内容。


这段代码的运行结果如图20-2所示。

另外,在CSS 2.1中,除了none属性值外,还为content属性添加了一个“normal”属性值,其作用与使用方法none属性值的作用相同,并且使用方法也相同,读者可自行在代码清单20-2中,将none属性值修改为normal属性值,然后在浏览器中重新运行该示例,观察运行结果。

那么,既然normal属性值的作用与none属性值的作用相同,为什么CSS 3中还要追加这个normal属性值呢?它们的区别又是什么呢?这里要补充说明的是,从CSS 2.1开始,只有当使用before选择器与after选择器的时候,normal属性值的作用才与none属性值的作用相同,都是不让选择器在个别元素的前面或后面插入内容。但是none属性值只能应用在这两个选择器中,而normal属性值还可以应用在其他用来插入内容的选择器中,而在CSS 2中,只有before选择器与after选择器能够用来在元素的前面或后面插入内容,所以这两者的作用完全相同。在CSS 3草案中,已经追加了其他一些可以用来插入内容的选择器的提案,针对这一类选择器,就只能使用normal属性值了,而且normal属性值的作用也会根据选择器的不同而发生变化。

时间: 2024-08-02 08:23:44

《HTML 5与CSS 3权威指南(第3版·下册)》——第20章 20.1.2 指定个别元素不进行插入的相关文章

《HTML 5与CSS 3权威指南(第3版·下册)》——导读

前 言 为何写作本书 2014年10月28日,W3C的HTML工作组正式发布了HTML 5的正式推荐标准(W3C Recommendation),这一消息是W3C在美国圣克拉拉举行的W3C技术大会及顾问委员会会议(TPAC 2014)上宣布的.HTML 5在这一版本中增加了支持Web应用开发者的许多新特性,以及更符合开发者使用习惯的新元素,并重点关注定义清晰的.一致的准则,以确保Web应用和内容在不同用户代理(浏览器)中的互操作性.HTML 5是构建开放Web平台的核心. 2015年4月9日,W

《QTP自动化测试权威指南(第二版)》—第1章1.5节QTP许可证模式

1.5 QTP许可证模式 QTP自动化测试权威指南(第二版) 1.QTP支持以下两种类型的许可证. 单机版许可证 并发许可证 2.单机版许可证 单机版许可证是一个节点锁定或基于机器的许可证.这个许可证仅能用在生成的那台机器上,因为QTP生成的锁定码只能针对于安装它的那台机器. 如要申请一个单机版许可证,如图1-10中所示选择"Seat license"复选按钮然后点击Next.点击之后,许可证向导会如图1-11所示.显示本机的锁定码.将锁定码记录下来然后访问https://webwar

《QTP自动化测试权威指南(第二版)》目录—导读

内容提要 QTP自动化测试权威指南(第二版) 本书是QTP测试的权威指南,展示了作者在软件测试方面的造诣.本书分为基础知识和高级技巧两个部分.第1章-第18章是基础知识篇,介绍了QTP的基本功能.第1章自动化测试流程,第2章QTP帮助文档的使用,第3章对象库,第4章数据池,第5章操作模块(Action),第6章QTP环境变量,第7章保留对象,第8章检查点,第9章库函数文件.第10章描述性编程,第11章QTP的调试功能,第12章场景恢复,第13章正则表达式,第14章VBScript,第15章同步点

图书-Anroid开发权威指南(第二版)pdf

问题描述 Anroid开发权威指南(第二版)pdf 谁有完整的<Anroid开发权威指南>的第二版? 网上只找到第一版pdf,求完整的新版

《QTP自动化测试权威指南(第二版)》—第2章2.1节目录标签(Contents Tab)

第2章 QTP帮助文档的使用 QTP自动化测试权威指南(第二版) QTP的在线帮助为我们提供了很多有用的信息.但是有时候,尤其是对于使用QTP的新手而言,找到某个具体的信息可能还是有点困难.本章讲解了如何有效地查询帮助文件,从而找到我们需要的信息的方法. QTP帮助文档有四个标签页如图2-1所示. 本章将逐一论述前三个标签页. 2.1 目录标签(Contents Tab) QTP自动化测试权威指南(第二版) 目录标签页提供了帮助文档的视图结构.本标签页的主题呈现的内容,依赖于我们安装了哪些插件.

《QTP自动化测试权威指南(第二版)》—第1章1.4节开始使用QT

1.4 开始使用QTPQTP自动化测试权威指南(第二版)1.4.1 从HP网站下载QTP首先我们需要从HP网站下载最新的QTP版本.以下是下载步骤. (1)登录http://support.openview.hp.com. (2)点击左侧的"Products"链接. (3)选择页面上"Application Lifecycle Management",点击链接. (4)展开"Test execution to accelerate application

《QTP自动化测试权威指南(第二版)》—第1章1.2节自动化测试流程

1.2 自动化测试流程QTP自动化测试权威指南(第二版)理解自动化测试中包含的各个阶段对于开发和有效利用测试框架以及用例非常重要,如图1-1所示. 选择"最适合的"自动化工具:在对任何应用开始自动化测试之前,重要的是针对主要应用部分选择最适合的工具.选择需要基于各种因素,比如价格.易用性.应用支持能力和产品服务支持.概念证明(Proof of Concept,POC):此阶段包含创建一些脚本示例用来在一两个最重要的被测应用中验证业务流程.它可以帮助识别未来在测试用例的脚本开发中有可能碰

《QTP自动化测试权威指南(第二版)》—第1章1.3节什么是HP QuickTest Professional(QTP)

1.3 什么是HP QuickTest Professional(QTP)QTP自动化测试权威指南(第二版)HP公司的QTP是针对功能测试的自动化工具.它本身支持录制回放功能,藉此自动化工程师可以录制捕获对被测试应用的操作事件,并且在测试阶段回放. QTP提供两种模式查看和编辑测试脚本. 关键字视图.专家视图.关键字视图以关键字的方式显示脚本(每个对象是一个图标),以树状格式排列,方便很少或没有编程背景的业务专家.关键字视图如下面截图,如图1-2所示. 专家视图将隐藏在关键字视图中图标底下的VB

《QTP自动化测试权威指南(第二版)》—第1章1.1节什么是自动化测试

1.1 什么是自动化测试QTP自动化测试权威指南(第二版)自动化测试是对一个已有的手工测试过程减少并尽可能排除人工干预的过程. 1.什么时候适合做自动化测试下面是一组适合将手工测试自动化的考量因素. 测试需要经常重复.测试流程和验证点相对长时间比较稳定.测试目的是验证一个业务流程,而不是外观.感觉.颜色.图表布局等.测试需要大量重复或者同时包含很多步骤,并且这些操作每次都需要完全一致.这就要求手工测试者不能疏忽大意.测试生成的结果被监管机构要求电子化记录和存档并符合正式的证据要求.测试通过或失败