vue修改当前页样式不影响公共样式的方法

2024-10-08

vue修改当前页样式不影响公共样式的方法

在项目开发中需要对一些标签进行样式修改但是每次修改之后其他页面的样式也会跟着改变, 在网上找了很多方法都不好使后来大神告诉我一种方法很好用分享给大家. 1:首先在template标签下的第一个div中定义一个以本文件为名的class,只要class唯一就行. 2:在style标签添加lang="scss",并把所有的样式都包含在 .DeviceInfo{ }即可.如下图:

/*公共样式--开始*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin:; padding:; } *{box-sizing: border-box;} html, body { min-height: 100%; } body { font-family: "Microsoft YaHei"; font

vue修改富文本中的元素样式

富文本编辑器目前应用很广泛,而有时候我们想要对其中的一些元素的样式进行修改,就会遇到问题. 首先,直接修改是不可行的,因为是用v-html标签进行渲染的,无法直接获取到. 在修改的时候,一般是按标签进行修改,当然,也可以按class和id等,这就需要依赖到富文本的源码,看是用的什么id和class. 比如对p标签进行修改样式. 方法1:在updated周期进行修改. updated() { $('.descBox').find('p').css('color', 'blue'); }, 方法2:

vue修改Element的el-table样式

修改Element中的el-table样式,可以使用以下几种方法: 1. row-style 行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style. 2. cell-style 单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有单元格设置一样的 Style. 3. header-row-style 表头行的 style 的回调方法,也可以使用一个固定的 Object 为所有表头行设置一样的 Style. 4. header-c

VUE 引用公共样式

首先创建公共样式文件在main.js中引用样式浏览器效果图

修改Markdown神器[Typora]的主题样式

修改Markdown神器[Typora]的主题样式 Typora是一款专注写作的工具,基于markdown标记语言来完成写作.出于以下原因决定替换主题样式: 1.自带的样式比较low,想替换一款高大上的; 2.用微信公众号发的文章样式和typora不一样,两边的效果需要保持一致,方便在typora预览效果; 3.能自己DIY一些东西,也是比较有意思的一件事. 一.主题样式从哪里获取? 自己写样式不太现实,也太花时间. 1.1 可以从Typora的官网下载样式 1.1.1 下载主题 http://

css中一些必要的公共样式

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textarea { font:12px Arial, Tahoma, 宋体; color:#454545; } butto

使用jquery修改css中带有!important的样式属性

当CSS中含有!important的样式属性时,普通的修改方式是会出现失败的.如下: <div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{ width:auto !important; overflow:auto !important } 通过 $("div.test").css("width","100px")

POI导出复杂的excel；excel公共样式类；excel拼接定制类；数据科学计数法转为普通值

一.excel公共样式类(包含数据科学计数法转为普通值) package com.thinkgem.jeesite.common.utils.excel; import org.apache.poi.hssf.usermodel.*; import org.apache.poi.hssf.util.HSSFColor; import org.apache.poi.hssf.util.Region; import org.apache.poi.ss.usermodel.Cell; import o

CSS覆盖公共样式中的某个属性

CSS如何覆盖公共样式中的某个属性?利用CSS样式的优先级. 如下例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g

vue修改当前页样式不影响公共样式的方法