Question

我有一个ID为pls_btn的按钮。我已将工具提示位置位置设置为顶部。但我也希望工具提示从左边有100px的边距。经过一番挖掘后，我发现.tooltip-inner可以达到我的目的。所以当我设置

.tooltip-inner{
     margin-left:100px;
}

更改会反映在所有工具提示中。但是当我做的时候

#pls_btn .tooltip-inner{
   ..
}
or
#pls_btn>.tooltip-inner{
   ..
}

一切都像默认一样工作。我只希望这个工具提示样式只用于一个元素。我怎么能这样做？

Answer 1

您必须使用siblings selectors，请参阅以下示例：

＆＃13;

var xhr = null;

$('#employeesearchbox').keyup(function () {

    if ($("#employeesearchbox").val().length > 2) {

        if (xhr == null) {
            console.error("null");
        } else {
            //kill the request
            xhr.abort()
        }

        xhr = $.ajax({
            type: 'POST',
            url: './webservices/Contacts.asmx/ContactsDirectorySearch',
            data: JSON.stringify({ Surname: $("#employeesearchbox").val() }),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            success: function (msg) {
                var employees = msg.d;
                $.each(employees, function (index, employee) {
                    $('#message').append("<li><a href='javascript:void(0);' class='response_object'>" + employee.Firstname + " " + employee.Department + "</a></li>");
                });
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.error("The error was: " + xhr.responseText);
            }
        });

    }

});

＆＃13;

如何仅为特定元素更改引导工具提示样式？

1 个答案: