`
南山忍者
  • 浏览: 83413 次
  • 性别: 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最有可能遇到的八个面试问题

    现在相关单位招聘美工,都有DIV CSS布局方面的知识要求,现列举DIV CSS最有可能遇到的八个面试问题,希望对您有所帮助,在52CSS.com上,有很多相关的知识,大家可以多多学习。

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

    这是自己毕业从事WEB开发一年以来,自己在工作中遇到的CSS兼容问题及解决办法

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

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

    Vue2 常用用法-css flex布局遇到的问题

    css flex布局遇到的问题

    css英文小字典 pdf 格式

    相信很多朋友在学习css时,都会遇到不认识的英文单词吧,这里总结了一个“CSS英语小字典”,pdf格式,读者可以下载,一共有160个单词,在开始学的时候遇到单词不认识,可以查一查什么意思。

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

    本人从事网站开发差不多四年时间,开发过程中反复会遇到CSS问题,兼容性、hack技术、DIV布局等,时间长了就随笔记录下来,现在看看还是值得分享一下的。

    css 4.2.7中文手册(CHM版)

    css 4.2.7中文手册给大家列举了一些CSS中的相关知识。比如:属性,选择符,语法与规则,取值与...另外,给大家总结了一些使用过程中,遇到的问题和解决办法,并且提供了一些简单的小技巧和经验,希望能为大家带来帮助。

    HTML+CSS网页设计与布局从入门到精通

    《HTML+CSS网页设计与布局从入门到精通》作者具备扎实的实践功底,行文细腻,对每一个技术细节以及每一个实际工作中可能遇到的难点和错误都进行了详细的说明,并给出了解决方案。 《HTML+CSS网页设计与布局从入门到...

    CSS外边距叠加的问题,CSS教程

    今天谈谈CSS外边距叠加的问题,边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。  在进行CSS网页布局时会遇到许多奇怪的问题,这些问题可能是浏览器的bug,也可能是我们对CSS属性不够了解,虽然...

    css 揭秘 ([希] 韦鲁) 中文pdf全彩版

    相信很多开发者在学习 CSS 到了一定阶段的时候,感觉自己好像什么都会了,但遇到复杂问题时往往又感觉捉襟见肘、力不从心。这就是遇到瓶颈了。如何突破瓶颈、进入下一个阶段?要做的无非是两件事——实践和思考。书...

    浅谈CSS在网站制作中的应用

    但大部分用HTML做网站的人都曾经遇到过这样的问题:原本在自己的机器上排好版的网页,换到另外一台不同分辨率的显示器后就变了样,尤其是一部分字体变得很大,使原先设计的美观页面变了形。这是因为在网页文件中没有...

    小智在这3年开发中遇到的CSS问题及解决方案,有大佬帮他总结好了.docx

    小智在这3年开发中遇到的CSS问题及解决方案,有大佬帮他总结好了.docx

    DIV+CSS网站布局从入门到精通源代码

    DIV+CSS网站布局从入门到精通 源代码 朱印宏 邓艳超 编著 ...在实例制作过程中除了介绍CSS样式设计各方面的知识外,还结合实际网页制作中可能遇到的问题提供解决问题的方案。 大小:306M 压缩后:49.6M

    CSS实现对话框小尾巴功能

    对话框小尾巴,估计大家在实际开发中应该经常遇到过,省事点的就是叫设计小姐姐给切个带小尾巴的背景图,那不省事的呢? 边框的魔法 在css3出来之前,若通过css来实现小尾巴效果,可能使用最多的是通过如下的hack...

    精通CSS高级Web标准解决方案

    在使 用CSS开发网站时,会遇到形形色色的浏览器bug和不一致问题,而解决方案又五花八门,往往让使用者感觉千头万绪、不知从何着手。 本书将最 有用的CSS技术汇总在一起,还总结了CSS设计中的最佳实践,讨论了解决...

    html,css,jsp相关知识总结

    html,css,jsp相关知识总结,便于进行html,css,jsp的学习

    《CSS全程指南》随书光盘

    并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 Web标准和XHTML基础 2 1.1 Web标准概述 3 1.1.1 结构 3 1.1.2 表现 4 1.1.3 行为 4 1.2 Web...

    CSS3实现网页罗盘展示

    最近遇到一个在网页展示罗盘的需求,在Echarts等库中并没有该类组件。与UI同学沟通后,通过CSS3的transform和transition属性的变换,实现了指针在表盘的移动变换,同时生成随机的经纬度信息。

Global site tag (gtag.js) - Google Analytics