html清除样式

Posted 2023-04-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html清除样式相关的知识，希望对你有一定的参考价值。

在一个html页面中，引用了多个css文件，在css中队span等元素定义了默认的样式。
例如页面应用了一个css文件
spancolor:#000;font-size:12px;font-weight:bold
那在这个html中档用span的时候就会有这个样式来限制他，但是我有一块内容是通过编辑器生成的，比如我调用另一个css，这个css是特用于编辑器里生成的单页用的。那么我这个写的css里的span 和 p 等就失效了，全部调用整站的默认样式，我该如何引用自己写的样式呢？

参考技术A 你给span加个class不就行了吗？比如说

<span class="edit"></span>
css里写
.edit.....

标签选择器的优先级没有class高嘀！参考技术B 利用权重啊权重..ID选择器的权重最高,把你自己写的样式加上一个ID 参考技术C 那就在span前增加一个选择器提升这个span的权重值

比如说你那个编辑器生成的单页里某个代码

<div class="div1"><span>文字1<span>文字2</div>

你就在css里写

.div1 span 。。。

这样在div1内 span的权重比全局span要高你就能用到你想要的效果了本回答被提问者和网友采纳

js样式

内联

内嵌（放在html文件里面）

alert("我也是弹窗");

</script>

外部引用（放在html文件里面）

index.js文件：alert("我也是弹窗");

<body>
<!--<a href="#" onClick="alert(\'清除成功\')">清除垃圾</a>-->
</body>
</html>
<script type="text/javascript">
    alert("我也是弹窗");
</script>
<!--<script type="text/javascript" src="js/index.js"></script>-->

弹窗

alert() 提示框

confirm() 选择框

prompt() 输入框

<script>
    alert("手机电量还剩10%");/*提示框  */
    confirm("手机电量还剩10%，是否开启省电模式");/*选择框 确定 取消*/
    prompt("请输入手机型号，我们将自动匹配充电速度");/*输入框*/
</script>

变量定义

var num=123;

var num; num=123;

num=’hello’ 修改值

var sss=prompt(“请输入内容”);

输出

alert(sss);

console.log(sss); 控制台输出

Math

Math.abs(-10); 绝对值

Math.ceil(14.5); 向上取整

Math.floor(14.5); 向下取整

Math.round(14.5); 四舍五入

Math.random()*100; 0~100之间的小数

parseInt(); 取整

parseInt(Math.random()*100); 0~100随机整数

isNAN(); 是 not a num

以上是关于html清除样式的主要内容，如果未能解决你的问题，请参考以下文章

html怎么清除锚点样式

html5和css篇有关浮动以及如何清除浮动