html5怎么删除样式,css怎么删除一个样式

css删除一个样式的方法：首先创建一个HTML示例文件；然后给div添加css样式；最后通过“removeClass()”方法从被选元素删除一个或多个类即可。

本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

CSS添加样式、删除样式

代码如下：

div{

width:100px;

height:260px;

}

div.whiteborder{

border: 2px white solid;

}

div.redDiv{

background-color: red;

}

div.blueBorder{

border: 5px blue solid;

}

$(function(){

var $divEle = $('div:first');

$('#btn01').click(function(){

//addClass() - 向被选元素添加一个或多个类

$divEle.addClass('redDiv blueBorder');

});

$('#btn02').click(function(){

//removeClass() - 从被选元素删除一个或多个类

$divEle.removeClass();

});

$('#btn03').click(function(){

//toggleClass() - 对被选元素进行添加/删除类的切换操作

$divEle.toggleClass('redDiv')

});

$('#btn04').click(function(){

//offset() - 返回第一个匹配元素相对于文档的位置。

var pos = $divEle.offset();

console.log(pos);

$divEle.offset({

top:100,

left:50

});

});

})