div后引用js文件对此div的css选择器有什么影响

Question

html

<div class="chart-box clearfix">

    <!-- chart1 -->

    <div class="chart fl" id="chart-ld"></div>

    <script type="text/javascript" src="js/chart1.js"></script>    

    <!-- chart2 -->    

    <div class="chart fl" id="chart-yx"></div>

    <script type="text/javascript" src="js/chart2.js"></script>

</div>

2.css

.chart{

    position:relative;

    box-sizing:border-box;

    width:calc(50% - 5px);

    padding:20px 10px;

    border:1px solid #ddd;

    margin-right:10px;

    }

    

.chart:last-child{

    margin-right:0

    }

我在一个.chart这两个div后引了js后，.chart:last-child{margin-right:0}就不生效了
（js是一个echart的图表配置文件，并未有其他的样式操作）
请问这是为什么？
直接在div后插入这样的js会破坏dom结构么？选了不了last-child了？
感谢各位的解答，谢谢~

Answer 1

因为&nbsp;script&nbsp;也是一个元素，会使得原来是last-child的div失去last-child的地位