Question

这是一个奇怪的问题，但背后的原因是什么？以CSS块为例：

.test {
    background: #cccccc;
    width: 200px;
    height: 200px;
    display: block;
} // wot

.derp {color:#FF0000;}

这将不将.derp样式应用于文档 - JSFiddle Example

现在为什么会这样？我已经阅读了Docs与评论相关的内容＆＃34;您应该使用＆＃34; /*comment here*/进行单行和多行评论，但为什么我们可以在css中注释掉其他内容吗？（在{} 内）如下所示：

.class {
    //background: #FF0000;
}

只是为了完整＆＃39;为了清除评论，这里应用的是JSFiddle Example。

我问这是因为我刚刚做了类似的事情而且它没有在控制台或类似的东西中抛出任何错误所以我只是想知道导致这种情况的原因，这是一般的做法如此？

Answer 1

评论将被视为下一个结束}的所有内容，即.derp样式。将应用后续样式。您可以看到这些评论的效果;

.test {
    background: #cccccc;
    width: 200px;
    height: 200px;
    display: block;
} //wot

.derp {color:#FF0000;} 

.derp {color:#00FF00;} //wot

.derp {color:#0000FF;}

这里将忽略红色样式和最终蓝色样式并应用绿色; https://jsfiddle.net/44z18dfa/9/

Answer 2

这是最好的解释。

class MyViewSet(CreateModelMixin, ViewSet):
    serializer_class = CreateAlbumSerializer

class CreateAlbumSerializer(serializers.ModelSerializer):
    tracks = serializers.PrimaryKeyRelatedField(many=True)

    class Meta:
        model = Album
        fields = ('album_name', 'artist', 'tracks')

    def to_representation(self, instance):
        data = super(CreateAlbumSerializer, self).to_representation(instance)
        data['tracks'] = TrackSerializer(instance=instance.tracks).data
        return data

注释掉的行取消了css文件中的所有进行样式

2 个答案: