在div里到包含多个同样的标签时,CSS样式表名,是用nth-child好还是给每个标签起一个类名好?
2015-11-12 10:29
477 查看
我自己的经历,仅仅作为参考。
用nth-child好还是给每个标签起一个类名好?
在公司写一个项目,当时刚刚学CSS3里面的高级选择器nth-child,打算把其用到项目上,也就是当div里面有多个相同的标签时,用nth-child(n)来控制其样式,当时就想着不用在HTML页面增加内容、增加了其加载速度,同时又可以很方便控制每个标签的样式,这多好呀~ 可能是初出牛犊不怕虎,没想以后改版、维护的难度,好了,一个星期把项目做好了,然后又接到上面的通知,说要增加功能,这增加功能不说,要把div里面的标签的数量、位置和代表的含义通通改一遍(坑爹万恶的小公司,朝令夕改啊~)好了,增加标签还好办,很多情况是把标签删掉了,这可好了,删了一个标签,另外一个标签序号变了,真是牵一发动全身。
其实想了一下,就算我给每个标签加个类名,需要修改、增减的话,其实也难免要修改,但是比起nth-child(n),我可以不用想n这个值,比较好一点,而且一想着删了某个标签,标签就全乱套了,这个实在有点难以接受,不过两个写样式表的方法,都有他们的好处和坏处,肯定不能熊掌和鱼都能兼得,至于用哪个方法好,还是通过更多的实践后,才知道如何使用。
用nth-child好还是给每个标签起一个类名好?
在公司写一个项目,当时刚刚学CSS3里面的高级选择器nth-child,打算把其用到项目上,也就是当div里面有多个相同的标签时,用nth-child(n)来控制其样式,当时就想着不用在HTML页面增加内容、增加了其加载速度,同时又可以很方便控制每个标签的样式,这多好呀~ 可能是初出牛犊不怕虎,没想以后改版、维护的难度,好了,一个星期把项目做好了,然后又接到上面的通知,说要增加功能,这增加功能不说,要把div里面的标签的数量、位置和代表的含义通通改一遍(坑爹万恶的小公司,朝令夕改啊~)好了,增加标签还好办,很多情况是把标签删掉了,这可好了,删了一个标签,另外一个标签序号变了,真是牵一发动全身。
其实想了一下,就算我给每个标签加个类名,需要修改、增减的话,其实也难免要修改,但是比起nth-child(n),我可以不用想n这个值,比较好一点,而且一想着删了某个标签,标签就全乱套了,这个实在有点难以接受,不过两个写样式表的方法,都有他们的好处和坏处,肯定不能熊掌和鱼都能兼得,至于用哪个方法好,还是通过更多的实践后,才知道如何使用。
相关文章推荐
- 关于css缓存的问题
- css实现鼠标经过导航颜色变换效果
- css3渐变
- html 表格样式
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
- CSS 谷歌浏览器字体最小 font-size:12px
- CSS 设置字体环绕图片效果
- css样式表
- CSS3--阴影,渐变,背景图片
- flex
- CSS三栏布局(两边固定中间自适应宽度)的方法
- 安卓样式Style和主题Theme
- 【转载】CSS常用英文字体介绍
- div+css滚动条
- CSS 属性的默认值
- 4种CSS样式方式
- DIV+CSS如何让文字垂直居中
- gulp 之一 安装及简单CSS,JS文件合并压缩
- CSS属性之Overflow
- css导航栏