css同级共用样式的简单介绍

很多页面使用一个共同的css样式，怎么局部改变其中一个，而使其它保持不变？怎样用css继承实现呢？

你可以在这个

成都创新互联从2013年创立，是专业互联网技术服务公司，拥有项目网站设计制作、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元江口做网站,已为上家服务,为江口各地企业和个人服务,联系电话:028-86922220

div class="div" style="width:50px;"/div

里面多定义一个div名称

如div="abc" class="div" style="width:50px;"/div

你再加多一个div的style就可以了。

几个ID用一个CSS

1、公用CSS属性

eg： #ID1,#ID2,#ID3 {----------------------}

2、LI里的元素垂直居中

比如：

#id li{width:200px;height:24px;}

要让LI中的文字垂直居中，添加一个属性：

#id li{width:200px;height:24px;line-height:24px;}

ok

如何让所有网页共享同一个CSS?

首先将css写入一个单独的样式文件，比如style.css，

然后在所有需要此样式的页面导入此样式

如楼上的说法：link rel="stylesheet" type="text/css" href="mystyle.css"

现在很多网站为了让页面基本样式风格统一，都会创建一个默认的样式表，这个样式表会在所有页面载入，相当于页面初始化样式的意思，先导入默认样式表，然后每个页面再根据自身的不同导入自身独特的样式

css 多个类似的class名 怎么使用一个css样式

方法1：用css的属性选择器。

div[class^="aa"] {

background-color:#d6d6d6;

height: 50px;

}

div class="aa1"1/div

div class="aa2"2/div

div class="aa3"3/div

方法2：用空格分隔多个class

.aa {

background-color:#d6d6d6;

height: 50px;

}

div class="aa aa1"1/div

div class="aa aa2"2/div

div class="aa aa3"3/div