Question

使用jQuery Datatables Editor编辑行时会显示Bootstrap模式（没有特定的类名并直接附加到页面正文）。

我想自定义此模式的大小，并执行以下操作：

$(".counting_template").parents('.modal-dialog').attr('style', 'width: 90%!important');

".counting_template"是我所知道的字段的类将出现在编辑器中。

它工作正常，但我想通过使用纯CSS来改进它。

我本可以这样做的：

body>.modal_dialog{

   width:90%!important

 }

但我的经验是它干扰了其他现有的模态。

这是一种方法吗？

Answer 1

虽然您不能基于CSS中的子项来定位父项，但您可以通过仅在js中添加CSS类并将其余部分留给CSS来改进它

$(".counting_template").parents('.modal-dialog').addClass('edit-modal')

CSS

.edit-modal {
   // whatever you want
}

这为您提供了更清晰的js代码，并在需要时添加更多灵活性以添加更多规则。由于此类可能是唯一的（使其唯一），因此您可以通过类名本身

来定位它