我正在修改一个 Wordpress 模板,该模板使用 #id-name .panel-grid-cell 形式创建新的小部件 正如您在这里看到的:
#pg-w58b983b2259ee-0 .panel-grid-cell,
#pg-w58b983b2259ee-1 .panel-grid-cell,
#pg-w58b983b2259ee-2 .panel-grid-cell,
#pg-w58b983b2259ee-3 .panel-grid-cell,
#pg-w58bd4d4e56422-0 .panel-grid-cell,
#pg-w58bd4d4e56422-1 .panel-grid-cell,
#pg-w58bd5656edd58-0 .panel-grid-cell,
#pg-w58bd5656edd58-1 .panel-grid-cell,
#pg-w58bd5656edd58-2 .panel-grid-cell,
#pg-w58bd5656edd58-3 .panel-grid-cell,
#pg-w58bd5656edd58-4 .panel-grid-cell,
#pg-w58bd5656edd58-5 .panel-grid-cell,
#pg-w58b9733479d6f-0 .panel-grid-cell,
#pg-w58b9733479d6f-1 .panel-grid-cell,
#pg-w58b9733479d6f-2 .panel-grid-cell,
#pg-w58b9733479d6f-3 .panel-grid-cell,
#pg-486-0 .panel-grid-cell,
#pg-486-1 .panel-grid-cell,
#pg-w58bd39810eb65-0 .panel-grid-cell,
#pg-w58bd3cc5d740c-0 .panel-grid-cell,
#pg-w58bd3cc5d740c-1 .panel-grid-cell,
#pg-w58bd3cc5d740c-2 .panel-grid-cell
{
padding-left: 0 !important;
padding-right: 0 !important;
}
问题在于这些名称是使用 JavaScript/JQuery 动态创建的。 这意味着下次用户创建新的小部件时,它将具有一个随机创建的具有相同格式的名称
问题是:
如何使用 SASS 将名称遵循以下模式的所有 ID 元素的左右填充设置为零 (0):#id-name .panel-grid-cell?
类似于:
$my-variable .panel-grid-cell
{
padding-left: 0 !important;
padding-right: 0 !important;
}
最佳答案
尝试这样:
div[id^="pg-"] .panel-grid-cell {
padding-left: 0 !important;
padding-right: 0 !important;
}
关于javascript - Sass:修改名称遵循特定模式的所有ID元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42627670/