最近在做一个网站模板,之前一直都是全站css div用的均为class选择器,很少用到id的,最近在做一企业站,当做到列表页翻页条的时候遇到了麻烦,按照常理来做是没问题的,可是结果预览的时候border上下边框地不显示,只显示左右的,任凭我怎样调整都不行。

因为之前一直用class选择器,这次用的是id+class,倒让我遇到了不少麻烦,具体我想是这样的,因为有时候要经常出来class嵌套到id里面,这样就导致了class继承id,而任凭调整class的属性是不起作用的,因为class的优选级没有id的优先级高,导致一直继承父元素的属性,唯一的解决方法是通过上层id来定义下层元素的属性。

例如span嵌套在id里面,如果span不想出来的属性id出现了,那么定义span却不起一点作用,解决的方法就是在id里定义span(由外部来定义内部元素),例如:

#cssid {}

#cssid span{}

#classid span a{}

等如上面的形式依次往内部继承,这样才是正确的写法,为了避免上面那种情况出现,以后写css时还是尽量全站用class为好,不会出现什么因为继承问题而烦恼的事。