::after

2023-05-22,

.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.doc》

下载本文的Word格式文档,以方便收藏与打印。