继承在编写程序的过程中会有一定的方便,但也会给我们的程序带来一定的麻烦,所以认真学习继承的原理和处理方法很重要。 以下是Css处理继承的一种方法。
在CSS代码中,有以下大号码() :
body # CSS-Zen-garden div # extra div2{
背景- image 3360 URL (./images/BG _ face.jpg );
Z-INDEX: 2;
定位:固定;
WIDTH: 205px;
BOTTOM: 0px;
后台- repeat :否- repeat;
背景定位:左底;
HEIGHT: 594px;
LEFT: 0px
}
CSS的“大”是什么意思?
示例:有一个包含多个span标签的DIV层。 代码如下。
亲人
独占记忆
我离不开你
在这种情况下,要在CSS中定义样式,请执行以下操作:
div span {
font:10px;
颜色:蓝色;
}
但是,在这种情况下,必须以不同的样式显示第一个span标签,而不更改后面两个标签的样式。 我该怎么办? 我把第一个span放在p标签里,这样可以吗? 代码如下。
亲人
独占记忆
我离不开你
很遗憾,这是不行的。 div span {……}样式适用于div层下的所有span标签,无论是子标签还是xldyg标签,该样式仍然有效。 此时,使用了CSS的“大比号大”。
试着改变一下这个风格吧。 代码如下。
div span {
font:10px;
颜色:蓝色;
}
这样,第一个span标签可以具有与其他两个显示不同的样式。 因此,可以看出,CSS中“大于号”的作用是,在嵌套标签中,将样式仅应用于儿子世代的标签,而不应用于孙子世代的标签。
但是,也可能有以下代码。
亲人
丁当
独占记忆
我离不开你
此时,这个“大于号”还能发挥作用吗? 答案是“不”。 因为这个孙子辈的span标签继承了儿子辈的span标签样式。