小编dra*_*ire的帖子

所以,这就是我正在做的事情:

#id-form td {
padding: 0 0 10px 0;
}

#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
height: 30px;
padding: 10px;
}

我有一张桌子#id-form,我设置了所有td的桌子padding-bottom: 10px.
但在一个特殊的场合,我希望有一个特别的td有padding: 10px在各个方向,这是我的设置#particular-td.

显然,我将CSS样式按顺序放在外部文件中.
但渲染的CSS只有padding-bottom,并且padding: 10px似乎被覆盖了!？

请解释:
这是怎么回事以及为什么会这样？
我应该如何安排这些规则来解决我的问题(除了内联样式)？

编辑:我删除'table'之前#id-form在表中.我从来没有使用过这个,我刚才提到它能够更好地解释它.

我有一个非常简单的AJAX表单,要求提供一个电子邮件地址,并在提交后发送给我.

如何在按下回车键时提交表单？

这在用户单击提交按钮时运行:

<script type="text/javascript">
    $(document).ready(function () {
        $("#submit_btn").click(function () {
            // Get input field values:
            var user_email = $('input[name=email]').val();

            // Simple validation at client's end
            // We simply change border color to red if empty field using .css()
            var proceed = true;
            if (user_email === "") {
                $('input[name=email]').css('border-color', 'red');
                proceed = false;
            }

            // Everything looks good! Proceed...
            if (proceed) {
                /* Submit form via AJAX using jQuery. */
            }
        });

        // Reset previously set border colors and hide …

我正在使用一个非常有用的滚动条插件,称为nicescroll.

这个插件需要一些时间来加载,因为我已经在我的项目中使用了很多jquery.

是否有可能在脚本加载之前隐藏浏览器的默认滚动条,然后脚本将完成其工作并显示新的滚动条？

我正在使用此代码初始化插件:

$(document).ready(function() {
    var nice = $('html').niceScroll({
        cursorborder: "",
        cursorcolor: "#333333",
        cursorwidth: "12px"
    });
});