如何继承父类的css属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何继承父类的css属性相关的知识,希望对你有一定的参考价值。

这要怎么理解

参考技术A 怎么理解?
简单说就是父元素的样式,在子元素上可以生效。如:

bodyfont-size:14px;

<body>

<p>这里显示的字号为14px</p>

</body>

像上面的,我不用对p标签进行定义字体的大小,但是因为body(父元素)做了一个font-size:14px;的设置,所以p(子元素)自然会继承了字体14px的大小。

还有,要了解继承性,那就要先了解那些属性具有继承性,哪些没有。

这里人家问了个例
http://zhidao.baidu.com/question/57841814.html

下面的参考地址,具体自己看。

参考资料:http://www.360doc.com/content/10/0312/12/495229_18463787.shtml

本回答被提问者采纳

对象继承

1.什么是继承
  在原有对象的基础上,略作修改,得到一个新的对象
  不影响原有对象的功能
  子类不影响父类,子类可以继承父类的一些功能(代码复用)
2.如何添加继承
  属性:call
  方法:for in

一、属性的继承

//属性的继承:调用父类的构造函数,用call改变this指向
function CreatePerson(name,sex){//父类
	this.name=name;
	this.sex=sex;
}
CreatePerson.prototype.showName=function(){
	alert(this.name);
}
var p1=new CreatePerson(‘小明‘,‘男‘);
p1.showName();

function CreateStar(name,sex,job){//子类
	//继承父类
	CreatePerson.call(this,name,sex);
//	this.name=name;
//	this.sex=sex;
	this.job=job;
}

var p2=new CreateStar(‘黄晓明‘,‘男‘,‘演员‘);

二、方法的继承

//var a={
//	name:‘小明‘
//};

//var b=a;
//b的name属性的修改影响了a的name属性,两者相互影响,解决办法用for in
//for(var attr in a){
//	b[attr]=a[attr];
//}
//var b={};
//extend(b,a);
//b.name=‘小强‘;
//alert(a.name);

//封装函数
function extend(obj1,obj2){
	for (var attr in obj2) {
		obj1[attr]=obj2[attr];
	}
}


function CreatePerson(name,sex){//父类
	this.name=name;
	this.sex=sex;
}
CreatePerson.prototype.showName=function(){
	alert(this.name);
}
var p1=new CreatePerson(‘小明‘,‘男‘);
p1.showName();

function CreateStar(name,sex,job){//子类
	//继承父类
	CreatePerson.call(this,name,sex);
//	this.name=name;
//	this.sex=sex;
	this.job=job;
}
//方法继承:for in 拷贝继承(jquery也是采用拷贝继承)
extend(CreateStar.prototype,CreatePerson.prototype);
var p2=new CreateStar(‘黄晓明‘,‘男‘,‘演员‘);
p2.showName();

三、继承实例-拖拽

 

 

  

以上是关于如何继承父类的css属性的主要内容,如果未能解决你的问题,请参考以下文章

JAVA中,子类将继承父类的所有属性和方法么~?为啥?

JAVA子类继承父类后是不是有父类的属性

子类将继承父类所有的方法和属性吗?为啥?

java子类从父类继承某个属性,怎么添加特定的注解不影响父类

java子类能继承父类属性吗?

JAVA中子类能不能继承父类的私有属性和方法?