网站建设资讯

NEWS

网站建设资讯

css样式重名,css样式命名规范

有多个CSS,是不是其中不能有相同的class名?

如果没个样式表里面的,属性都是一样的,那没关系的。

专注于为中小企业提供网站建设、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业镇江免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

如果不一样的话,它会从html文档从上往下,一个一个继承,碰到一样的属性,下面的代码覆盖上面的样式代码,

比如:

site.css里面.a{width:100px;height:100px;}

base.css里面 ,a{width:200px;height:100px;}

link href="css/sitte.css" rel="stylesheet" type="text/css" /

link href="css/base.css" rel="stylesheet" type="text/css" /

如果你HTML里面是这样先后顺序的话,那 width:200px height:100px;

link href="css/sbase.css" rel="stylesheet" type="text/css" /

link href="css/sitte.css" rel="stylesheet" type="text/css" /

如果你HTML里面是这样先后顺序的话,那 width:100px;height:100px;

css .a .b 是什么意思?这代码有什么问题? 后面为什么可以重名?

.a .b .c是类名,类名是可以给多个对象的。

设置的样式,如果忽略继承,只在所对应类名的div盒子内有用。

根据你给出的代码来看,你并没有给类名a设置任何的样式,所以字体颜色显示的是默认黑色。

javascript重名函数、css重名样式

无论重定义多少次,都是后定义的盖掉了前面定义的..css和js都是.

CSS有一点:

css1.css里定义body{color:red}

css2.css里定义body{font-size:12px}

最终就是body{color:red;font-size:12px}的效果.就是说CSS如果没有对同一个属性重定义,之前定义的属性还是会产生作用.

JS也有一点:

有些情况,要使JS能重载.

js1.js里定义了func1()

js2.js里为了不失去js1.js里对func1()的定义,则故意想些办法保留...

不过种情况很少见.

两个css文件有相同名称的类

1、将b.css里面的这个属性删掉。

2、引入文件的时候先引入b.css,后引入a.css(但是这个有一个要求就是对.main设定的样式是相同的。)

3、写行内样式,这样就只应用行内样式(但是考虑你是想应用a.css的样式,那最好是选用第一种方法,当然如果符合要求那选用第二种方法也行)

引入了两个样式表文件,都有相同名字的css样式,都想用到,怎么办?

用对象访问

例如:两个Js文件a.js与b.js,两个js文件都含有function c()

var a = {}

a.c = function(){ xxx }

var b = {}

b.c = function(){ xxx }

调用的时候就写:

a.c()、b.c() // 这样调用就行

css 文件更加好办,在相同class名内,加一个css类名,覆盖相应的css样式就成!

若有疑问,欢迎追问!


本文标题:css样式重名,css样式命名规范
网页地址:http://cdweb.net/article/hodioi.html