css重复代码合并问题

html-css013

css重复代码合并问题,第1张

没见过这样的工具,按照css的特性相同属性后写进去的生效,把你最想要的属性往后写就行,唯一不美的就是上面会多出很多无效的

div{

    display: none

    height: 100px

    width:200px

    background-color: #000

    border: 1px solid #666

}

div{

    display: block

    background-color: #666

    width: 300px

}

生效的代码

div{

    height: 100px

    border: 1px solid #666

    display: block

    background-color: #666

    width: 300px

}

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

css中相同的样式的写法就是在相同的class上写就行了,比如

红色1

红色2

红色3

在class中写

.red{

color: #F00

}阳泉是个中小型城市,总人口130万,包括三区两县。阳泉本地人不多,大部分是外地人,东北人也很多。因为阳泉有煤矿所以有钱人很多,私家车遍地都是,阳泉早上开始堵车。到晚上八点以后才好些,房价现在4000左右,一般的地方两三千的也有。这里气候还可以冬天不冷夏天不热,下雪也不少,因为在黄河以北所以有暖气。麦当劳肯德基必胜客都有,如果在阳泉月收入一万左右生活还是很好的。就是这空气不怎么样,水也不怎么样。环境也一般。