看懂HTML代码中的意思

1. 

注意上图中1和2的区别，1中前面有勾，但是又画了一条横线，这个说明，在源码中，我在.news-list li中，我是写了font-size:14px这句话的，而且没有注释掉，之所以会多条横线，是因为，我又给.news-list a中的a单独设置了字体大小，这里的画横线，表示，news-list li中的字体的大小不会被.news-list a中的a给继承

2前面没有对勾，而且padding-left:16px又有一条横线，这个说明，我在news-list li中写了，但是被注释了

对应的vscode中的源码为：

但是，即使，我在检查中把2前面的勾给打上，在检查中的源码里面的news-list li中那个padding-left:16px依然是处于注释的状态。这个只是方便我们调试，然后，再看看需不需要对vscode中的源码中的news-list li中的padding-left:16px做下调整。

如果，我们在vscode中，把.news-list li中的padding-left：16px保留着（不注释），我们在检查中会看到以下效果

如果，我们在.news-list li中把padding-left:16px直接去掉（区别于注释掉的意思），我们在检查中会发现如下情况，它直接在.news-list li中没有了

针对以上的情况，做一个总结

1. 首先看看padding-left:16px在检查中存不存在，如果不存在，则它在vscode中肯定是没有的（区别于被注释掉的意思）
2. 如果padding-left:16px在检查中存在的，但是前面没有勾选，那么意味着它在vscode(源码)中是被注释掉的
3. 如果padding-left:16px在检查存在，而且前面还被勾选了，并且没有被划线，说明，这个对元素的设置起作用了
4. 如果padding-left:16px在检查存在，而且前面还被勾选了，但是被划线了，说明，这个css的设置没有起作用（没有被继承或者是其它情况）