Question

我正在尝试在我的css文件中设置通用变量，我可以在其中调用它，这样我就可以保持干净并保持相同。

示例：

     success: function(team) {
            $('div').remove('.draggable');
            $(team).each(function () {
                $('#selectList').prepend('<div id="' + $(this).attr('member_id') + '" style="font-weight:bold; background-color:' + $(this).attr('member_color') + '" class="draggable" data-event=\'{"title":"' + $(this).attr('member_name') + '", "color":"' + $(this).attr('member_color') + '"}\'>' + $(this).attr('member_name') + '</div>');
            });

            $("#selectList #draggable").draggable();
        },

当我尝试将.shadow应用于元素时，它不会在我的页面上显示阴影。当我右键单击并查看chrome中的Elements时，我看到.shadow被语句“无效的属性值”划掉了。

请记住，阴影只是一个例子，我在宽度，高度等方面存在同样的问题。

我看过使用相同方法的JSFiddle页面，它在这个Chrome浏览器中运行正常，所以我不相信它的浏览器问题。

Answer 1

您只能使用CSS预处理器（如LESS或SASS）声明变量。 CSS3没有提供变量声明规则。

也许在您的JSFiddle页面中包含这些预处理器，这样您可能会感到困惑。

@variables在css3中不起作用

1 个答案: