css怎样共用样式，如何实现css样式共享

两个css样式相同,id或class不一样,如何合并为一个样式

1、两个css样式相同，id或class不一样，如何合并为一个样式？id是唯一标识符，一般应该是id不同，class相同；id相同有可能会导致一些问题，比如获取用id获取元素的时候只能获取到第一个，之后的都获取不到之类的。

2、）如果是2个css文件，只要把其中一个文件拷贝到另一个文件中即可，但是要注意样式之间的权级问题，所以后面的权级比前面的高，父级指定的子集比单独的子集权限高。2）如果是html页面中的样式，同理只要粘贴到一起就好了。

3、利用CSS继承如果页面中父元素的多个子元素使用相同的样式，那最好把他们相同的样式定义在其父元素上，让它们继承这些CSS样式。这样你可以很好的维护你的代码，并且还可以减少代码量。

4、把所有具有相同属性的样式写成一个，也就是像“#main4 .b4_1_1， .b4_1_2”之类的。然后在分别为每个 类 / ID 书写其他的属性。这样很繁琐，而且以后修改起来也不方便，你修改了一个，其他的都变了。

5、用闭包。用一个页面中的最外层的class样式名称包起来。就比如： 样式调用时：.styleOne .styleTwo{ ...} 具体不知道可以再问。

相关问答

Q1: 我的网页已经用了多个CSS文件,怎么使这些用同一个CSS样式啊!~

css的顺序是“元素上的style”“文件头上的style元素”“外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。

如果仅是为了学习，直接在网页右键，查看源文件，把CSS路径找到，下载下来，然后包含进自己写的静态HTML页面便可，这样你的页面就可以通过“class=”这样的语法来调用css样式。

语法： @import url ( url ) sMedia ； 取值： url ( url ) ： 使用绝对或相对 url 地址指定导入的外部样式表文件。 sMedia ： 未支持。指定设备类型。

Q2: 在一个html中嵌套几个css样式文件要怎么做?

外部样式表是CSS应用中最好的一中形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。

在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。

我们可以把所有的样式存放在一个以.css为结尾的文件里，然后将这个CSS文件链接到各个网页中。比如我们制作了一个首页，把它的样式表文件命名为index.css。

建立一个CSS 样式文件，然后在页面里面调用 如 link href=XX/css/style.css rel=stylesheet type=text/css / 易管理 然后分别对不同的DIV 设置不同的属性参数。调用即可。

一：嵌入式 用户可在HTML文档头部定义多个style元素，实现多个样式表。

Q3: 如何在CSS中调用公用css

1、import url(css/mygod.css)；其中的 css/mygod.css 为CSS文件的相对位置，可以写绝对路径 带http，注意后面有分号。导入多个一定要用分号隔开。

2、如果你说的是在一个CSS文件里调用另一个CSS文件，那是可以的。比如：a.css和b.css。你在a.css里加入代码@import url (b.css)。这样你在HTML里文件里调用a.css 的时候也同时会调用到b.css。希望能对你有所帮助。

3、你那个貌似要用到“css expression”，纯CSS的话就做不到了。

4、CSS帮助您将文档信息的内容和如何展现它的细节相分离创建html文档 创建样式表 在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。

5、那引用两个要怎么写呢？ 注： 当然 css名1 与 css名2 有相同样式属性定义时 ，则以 css名2 里为主。

Q4: 如何同时定义多个元素的CSS样式

需要改变多个样式属性，可以先定义属性变量，然后直接赋值给css()方法。

CSS样式的引用方式有三种：行间样式表、内部样式表、外部样式表。嵌套多个css样式需要使用外部样式表，所以这里就不详细介绍了。

css中class是类名 可以重复使用，而id只能使用一次。所以呢，如果这个css样式只需要一次可以设置为class但是id更好。类名就是类的名称，就像人一样通过类名就可以找到这个类，所以你设置样式的时候直接.className就行了。

css3 选择器、伪元素等。例如下图：其次，这种 row col 的方式不指定高度的，经常两个挨着的 col 高度不一样，因此分割线没有意义，要固定他们的高度。row col 更多的是用来布局的，这里的需求用 ul li 就行了。

简单一点的办法就是在需要动画效果展示时，才给目标元素添加控制动画的class样式。btn.addEventListener(click， function() { document.querySelector(.target).classList.add(topIn)；}， ！1)；但是这样做有一个问题。

那引用两个要怎么写呢？ 注： 当然 css名1 与 css名2 有相同样式属性定义时 ，则以 css名2 里为主。

Q5: dw一个css,可以多个页面共用么?多个页面共用,修改css一个页面,怎么才能...

1、是部分公用才对。比如所有页面的头部脚部一般是一样的，就放在一个公用css里如public.css，每个页面都要链接这个css。

2、dreamweaver是编辑器，css不属于它。css主要用于修饰html页面的元素，例如：位置、尺寸大小、内外边距、字体、背景、边框等等。

3、对。样式代码是可以复用一个外部css文件也是可以被多个网页共用的，因此是对的。代码是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

4、用闭包。用一个页面中的最外层的class样式名称包起来。就比如： 样式调用时：.styleOne .styleTwo{ ...} 具体不知道可以再问。

css怎样共用样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于如何实现css样式共享、css怎样共用样式的信息别忘了在本站进行查找喔。