让IE7/8使用CSS中first-child和last-child样式属性

简介:

项目最终效果如下图所示:

tab

 

可以看出2个tab之间有一天分割线,这条分割线没有使用单独的div或者span。而是使用li标签的border-right。但是最后一个需要隐藏,否则效果不是很理想。

最原始的写法是:

   1:  #tabnav li:last-child
   2:  {
   3:  border-right:none;
   4:  }
 
  
<li id="sub_nav_user" class="dcontent lastitem" ><a >D Content</a></li>
 
$("#tabnav li:last").addClass("lastitem");
 
 
   
#tabnav .lastitem
{
border-right:none;
}

 

这样当然不是最好的做法。但是我们有时需要转变思路,这样有时可以达到事半功倍的效果。

目录
相关文章
|
20天前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
18 7
|
1月前
|
前端开发 容器
CSS语言的属性(Property)和值(Value)
CSS语言的属性(Property)和值(Value)
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
32 0
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
28 0
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
42 0
|
6天前
|
前端开发 UED
CSS cursor的一些相关属性
CSS cursor的一些相关属性
|
10天前
|
前端开发
css属性是什么
【4月更文挑战第15天】css属性是什么
13 3
|
14天前
|
前端开发
|
17天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
|
21天前
|
XML 前端开发 数据格式
css添加样式
【4月更文挑战第4天】css添加样式
21 9