HTML 5--Grouping and Nesting Styles

示例代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <style>
 5     h1{ 6         text-align: center;
 7     }
 8     </style>
 9 </head>
10 <body>
11 <h1>BookYourHotel</h1>
12 <ul>
13     <li><a href="html5-2/images/背景.jpg">About us</a></li>
14     <li><a href="html5-2/images/背景1.jpg">Rooms</a></li>
15     <li><a href="html5-2/images/背景2.jpg">Facilities</a></li>
16     <li><a href="html5-2/images/背景3.jpg">Contact Us</a></li>
17 </ul>
18 <hr>
19 <h3>Welcome to the Home page</h3>
20 <P> BookYourHotel welcome you with your warmth and a feeling that each quest is truly special.It offers a cozy and intimate experience amidst the glitz and glamour of South America.Our caring and courteous staffs are ever eager to ensure that all individual needs are cared for with professional expertise and a personal touch.</P>
21 <P>The rooms have been designed with different floor plans to create ensuite Bathrooms .</P>
22
23 </body>
24 </html>

测试结果：

只有在紧接着<div>后面的<p>标志会变成蓝色

示例代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <style>
 5     div+p{background-color:blue;}
 6     </style>
 7 </head>
 8 <body>
 9 <h1>Welcome to the page.</h1>
10 <div>
11     <P>This is pagagraph 1</P>
12 </div>
13 <P>This is pagagraph 2</P>
14
15 <p>This is pagagraph 3</p>
16 </body>
17 </html>

测试结果：

转载于:https://www.cnblogs.com/Catherinezhilin/p/8971313.html

HTML 5--Grouping and Nesting Styles相关推荐

一份来自于全球的前端面试题清单，看看老外喜欢考哪些题（部分有答案）
方括号中的蓝色标题是题目的出处,有些题目在原址内包含答案.搜集的大部分外国前端面试题没有做翻译,单词并不难,大家应该看得懂.题目旁边的方括号内, 简单记录了与此题相关的知识点.总共大概一千多道,包含国 ...
linux设置anaconda环境变量,在Linux中永久设置Anaconda环境变量的方法
[感谢:http://www.codesec.net/view/459539.html] 如果在安装Anaconda的过程中没有将安装路径添加到系统环境变量中,需要在安装后手工添加: 1.在终端输入$ ...
Creative Web Typography Styles | Codrops
Creative Web Typography Styles | Codrops. 非常好的文字效果
【Joomla】TinyMCE - Add custom styles
前言使用 TinyMCE 编写文章时经常需要定义很多样式,如果每次都手工编辑的话,一方面工作量大,另一方面也容易造成格式的不统一.好在 TinyMCE 提供了添加自定义样式的功能,不过使用起来却不那 ...
pandas使用groupby函数按照多个分组变量进行分组聚合统计、使用agg函数计算分组的多个统计指标（grouping by multiple columns in dataframe）
pandas使用groupby函数按照多个分组变量进行分组聚合统计.使用agg函数计算分组的多个统计指标(grouping by multiple columns in dataframe) 目录
group by 字句的扩展+rollup字句+cube字句+grouping（）函数
1rollup字句 rollup字句扩展group by字句,为每一个分组返回一条小计记录,并为全部分组返回总计列如:rollup字句获取每个部门的工资总计 select d.dname,sum(e ...
SAP RETAIL 维护Plant Profile 报错 - No customer account group assigned to business partner grouping ZNM2
SAP RETAIL 维护Plant Profile 报错 - No customer account group assigned to business partner grouping ZNM2 ...
SAP S4HANA 使用BP创建供应商报错 - You cannot create a vendor with grouping G001 - 对策
SAP S4HANA 使用BP创建供应商报错 - You cannot create a vendor with grouping G001 - 对策上午收到客户财务部门的用户提出的一个紧急的问题, ...
SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置
SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置 SAP S/4 HANA系统里,创建供应商不再使用MK01/FK01/XK01等事务代码,而是使用BP事务代码. BP事务代 ...

HTML 5--Grouping and Nesting Styles

HTML 5--Grouping and Nesting Styles相关推荐

最新文章

热门文章