css共用样式,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

相关问答

Q1: 共享样式属于css样式种类吗

不属于。CSS样式有三种类型：

1、行内样式（内嵌样式），使用style属性直接把CSS代码添加到HTML的标记中。

2、内部样式（内联样式），把css样式写在style标签中。

3、外部样式（外联样式），将css样式写在一个单独的“.css”文件内。所以共享样式不属于css样式种类。

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

在所有需要该公用css的html页面的head/head中的任意位置加入link href="CSS文件的相对路径或绝对路径" rel="stylesheet" type="text/css" /，注意css的路径。

例如：

style.css 在 css文件夹里，html文件和css文件夹在同一目录下

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

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

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

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

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

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