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

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