`
南山忍者
  • 浏览: 85757 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在CSS中遇到的一个小问题

    博客分类:
  • CSS
 
阅读更多

 

   在看《jQuery基础教程》时,遇到一个CSS,其具体的定义方式为:

body.large .chapter{
   font-size:1.5em;
}

 不理解,large与chapter的关系,后得知:

    large类只能应用到<body/>中,chapter类可以应用到<body/>内部的所有地方:

   

    用例子说明:

 <body class="large">
	<div>
		<div>
			<div class="chapter">
				测试!!!
			</div>
		</div>
	</div>
</body>

 

   若large类应用到<body/>元素之外的地方,将是无效的。

 

   【原理说明】:

     CSS的Class选择器的规则是:

          [通配符].Class名称{ 声明 }

     举例:*.abc{ color:##000033; },是指abc类样式,可以应用到任何地方。

      但,假如是:div.abc{ color:##000033; },则是指:abc类只能应用到<div/>中。

 

所以文章最初开始的CSS样式,其本质为:

body.large{
  font-size:1.5em;
}
body  .chapter{
  font-size:1.5em;
}

 

【延伸】:

   若CSS样式为:

body.large#small  .chapter{
   font-size:1.5em;
}

  则只能这样使用:

<body class="large" id="small">
</body>

 

 

【结束】:CSS的ID选择器也是如此。

                 参考文献为:w3cschool。连接为:这儿

 

 

 

分享到:
评论

相关推荐

    DIV CSS最有可能遇到的八个面试问题

    - **IE6 双重边距问题**:在IE6中,当一个元素同时应用了`hover`和`active`时,可能会出现“双重边距”问题,即元素的边距或边框被重复计算。 - **解决方法**:确保CSS中`hover`和`active`的选择器顺序正确,并且...

    网站开发技巧-个人三年遇到的一些CSS经典问题及解决方法

    本文将深入探讨我在三年网站开发经验中遇到的一些CSS经典问题及其解决方法。 1. **浏览器兼容性问题**:不同浏览器对CSS的支持程度各不相同,导致在Firefox、Chrome、Safari、Edge和Internet Explorer(尤其是IE6、...

    css链接问题下划线问题

    "css链接问题下划线问题"这个标题暗示我们可能遇到了与CSS处理链接的下划线样式相关的问题。描述中提到“文字下划线”、“移动鼠标文字加粗”以及“不带下划线的文档”,这表明我们可能在关注链接在不同状态下的表现...

    css中文显示

    在处理中文字符时,可能会遇到各种问题,如乱码、字体不正确或者显示不全等。下面我们将详细探讨如何使用CSS确保网页中的中文能够正确、美观地呈现。 首先,我们要理解浏览器是如何处理字符编码的。在HTML或CSS文件...

    网站美工面试题DIV+CSS最有可能遇到的八个问题

    以上这些问题和解决方案都是网站美工在使用DIV+CSS进行页面布局时可能遇到的实际问题,理解并掌握这些技巧对于提升网页设计的兼容性和用户体验至关重要。在面试中,能够熟练地解答这些问题将有助于展示你的专业技能...

    CSS常用英文小字典

    - **Bug (软件程序中的错误)**:虽然不属于CSS专业术语,但在开发过程中经常会遇到。 - **Body (主体,一个HTML标记)**:HTML文档的主要部分,包含了页面的所有可见内容。 - **Building (建立)**:不是CSS专业词汇,...

    CSS 词典(CSS中文手册)

    《CSS中文手册》这样的资源对于开发者来说非常宝贵,它能帮助他们迅速掌握CSS的各个方面,并解决实际开发中遇到的问题。例如,`css2.chm`这样的文件可能就是一个离线版的手册,包含了CSS2规范的详细内容,方便开发者...

    css英文小字典 pdf 格式

    总之,“CSS英语小字典”是web开发者学习CSS时的一个实用工具,它以简洁明了的方式介绍了核心概念,对于那些想要精通CSS的初学者和专业人士都是一个不可多得的学习资料。记得下载并保存这个PDF文件,让它成为你开发...

    实际工作总结的CSS兼容解决办法

    在WEB开发过程中,CSS(层叠样式表)是构建页面布局和样式的基石,但不同浏览器对CSS的支持程度和解析方式可能存在差异,这就引出了我们常说的“CSS兼容性问题”。作为一名刚毕业就投身此领域的开发者,过去一年的...

    css中文编辑软件

    4. **调试工具**:内置的调试工具可以帮助开发者定位并解决CSS中的问题,如选择器不匹配、语法错误等。 5. **资源管理**:可以统一管理和导入外部CSS文件,便于组织和管理项目中的样式资源。 **二、自定义参数和...

    用CSS制作带图标的按钮

    通过以上步骤,我们可以创建一个具有图标的自定义CSS按钮。然而,为了提高代码的可维护性和可扩展性,通常会推荐使用CSS预处理器(如Sass或Less)和模块化方法(如BEM命名法)来组织CSS代码。 在实际项目中,你可能...

    web中css的运用

    为了解决这一问题,合理运用CSS成为了一个关键的技术手段。 ### 二、CSS基础知识回顾 在深入讨论解决方案之前,我们先简单回顾一下CSS的基础知识。CSS是一种用于增强HTML文档样式的语言,它可以控制文档中元素的...

    Go-go-css用Go编写的一个非常简单CSS解析器

    3. **错误处理**:在解析过程中,如果遇到无效的CSS语法,解析器应能捕获并报告错误。Go-go-css可能会有良好的错误处理机制,以便于调试和优化代码。 4. **API设计**:为了让其他Go程序能够方便地使用这个解析器,...

    CSS+DIV编写经验总结之CSS样式小模板

    本文将根据提供的内容,深入分析CSS+DIV布局中的一个常用小模板,并解释其中的关键知识点。 #### CSS样式小模板解析 该模板通过一系列的CSS规则来重置浏览器的默认样式,以确保跨浏览器的一致性。以下是对模板中...

    CSS_HELP_3.0.rar_Help!_在css中help

    _在css中help”表明这是一个关于CSS(层叠样式表)的3.0版本的帮助资源,可能是某个教程或文档集合,用户可能在使用CSS过程中遇到了问题,需要这个压缩包来获取解答。 描述提到,“这个也是CSS样式的中文帮助文档,...

    swift-CSS3ColorsSwift提供一个包含CSS3颜色命名的UIColor扩展

    如果你在项目中遇到需要使用特定颜色,但又不想手动转换颜色值的场景,那么CSS3ColorsSwift是一个非常实用的工具。 总的来说,CSS3ColorsSwift是Swift开发中一个有价值的工具,它使得在iOS、macOS等平台上使用CSS3...

    css样式表中文手册

    《CSS样式表中文手册》是一本详尽介绍CSS(Cascading Style Sheets)技术的资源,旨在帮助网页设计师和开发者更好地理解和应用CSS进行网页布局与美化。CSS是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)...

    精通CSS第二版、CSS那些事、CSS权威指南 第3版

    这本书可能更侧重于实践,分享了作者在实际工作中遇到的问题和解决方案,帮助读者避免常见的陷阱和误区。书中可能包含了CSS选择器的高效使用、布局策略、性能优化以及前端开发的最佳实践。这样的实践经验对于初学者...

    css实战手册源代码

    2. **层叠与继承**:CSS中的层叠规则决定了哪些样式将被应用到一个元素上,而继承则允许子元素从父元素那里获取某些样式。在实践中,你会看到如何利用这两点来创建一致且可维护的布局。 3. **盒模型**:CSS盒模型是...

    CSS中英文对照字典-pdf格式

    6. **样式表(Style Sheet)**:包含一个或多个规则集的文件,可以是外部样式表(`.css` 文件)、内部样式表(在HTML文档的 `&lt;style&gt;` 标签内)或内联样式(在HTML元素的 `style` 属性中)。 7. **层叠(Cascading...

Global site tag (gtag.js) - Google Analytics