时间:2021-04-16
前面,我们讲述了CSS的常规声明方式,即采用“selector{property:value}”的方式来定义,此外还有“集体声明”和“嵌套声明”两种方式。
在集体声明里,我们可以为多个HTML标签声明同一个CSS样式,比如在下面的CSS代码里,同时为h1到h5标签声明了相同的样式。
1.h1,h2,h3,h4,h5,p{
2.color:red;
3.}
此外,还可以通过嵌套的方式,对特殊位置(一般是多层嵌套)的HTML标签进行声明,比如,当<p>标签里包含<b>时,就可以使用嵌套选择器进行控制。通过下面的代码,我们能更深刻地了解“嵌套”的含义。
1.p b{
2. color:blue;
3. font-family:arial
4.}
第1行里,声明了p标签(段落标签)内部的b标签(字体加粗标签)的样式,请注意这个CSS仅仅在嵌套时有效,面对单独的b标签是无效的。
注意:通过在CSS里编写选择器的嵌套代码,我们能大大减少class和id的声明。具体的做法是:通过只给外层标记定义class或者id来引入CSS样式,而内层标记通过嵌套表示来引入样式,而不需再定义新的class或id。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
CSS样式规则语法样式是CSS的基本单位,每个样式规则都是由选择器和声明块两个基本部分组成的。选择器(selector)决定为哪些元素应用样式;声明块定义相应的
什么是选择器?选择器的作用是通过它可以找到元素,把css样式传递给元素!css选择器主要分为:基本选择器、属性选择器、组合选择器与伪类选择器四个大类!css基本
CSS选择器如下: 1.标签名选择器div{color:Red;}/即页面中的各个标签名的css样式 2.类选择器.divClass{color:Red
CSS:内联样式表标签内直接加style=””嵌入式样式表定义在标签外部样式表选择器:HTML选择器:接在html标签后加css如:p{color:red}cl
CSS选择器可以包括,标签选择器、类别选择器、ID选择器、交集选择器、并集选择器、后代选择器、全局选择器、伪类等,这些样式应用都已经在flex得到支持1.标签选