在html开发过程里,我需要给多个标签定义同一套css。实现这个目的的办法如下:
1 给这一系列的标签定义同一个class,如:
<div class="somebody"></div>
2 在head标签内定义style,并在style内用.引用你想加载css样式的class:
<head>
<style>
div.somebody{
display: flex;
flex-direction: row;
}
</style>
</head>
以上代码里的div.somebody将css作用于class="somebody"的div上面。但是不作用于非div的标签。
你也可以省去div,这样css将作用于所有class="somebody"的标签,不管标签是不是div:
<head>
<style>
.somebody{
display: flex;
flex-direction: row;
}
</style>
</head>