码迷,mamicode.com
首页 > 其他好文 > 详细

::after

时间:2017-09-29 00:03:27      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:after

.table_cell:not(:first-child)::after{
/*border-left-width: 1px;*/
}

为了显示出效果 加大 成5px

.table_cell:not(:first-child)::after{
border-left-width: 5px;
}




技术分享



技术分享

技术分享


技术分享

问题1 

.table_cell:not(:first-child)::after{
border-left-width: 5px;
}

after 换成before 不起作用

问题2  

.table_cell:not(:first-child)

  table_cell的父元素是table_row  

table-row的第一个子元素

not

table-row的除了第一个子元素的其他元素

问题3

after 意思应该是说table_row 的除了第一个table_cell原色其他table_cell子元素的border-left-width 的后面  不是说是table_row 的table_cell的整个东西的后面

问题4 

以后在不要想当然的认为出现的元素没有被划掉 就是整个样式生效了 不对 你看border-left-width 前面是 0px 而且没有划掉   后面又出现了  而且前面没有划掉的样式 没有生效 是后面生效的  既然前面的没有生效 为什么也没有把它划掉呢






::after

标签:after

原文地址:http://wiwili.blog.51cto.com/9623946/1969345

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!