Question

在WordPress中使用Gravity Forms，您无法控制它生成的字段名称。因此，如果你想在表单11和15中定位字段131,132和133，这就是CSS的样子（这是一些CSS用列表中的最后一个li元素做的事情）：

ul#input_11_131 li:last-child input,
ul#input_11_132 li:last-child input,
ul#input_15_131 li:last-child input,
ul#input_15_132 li:last-child input {
    //do something;
}

ul#input_11_133 li:last-child label,
ul#input_15_133 li:last-child label {
    //do a different thing;
}

这是一个有点简化的版本，我们实际上还有几十行。

目前我们只使用SASS来处理嵌套和变量等简单的事情。

但我想知道SASS是否可以帮助解决这个问题。理想情况下，我们至少在开始时定义表单编号11和15，甚至可以在字段中定义它们并循环遍历它们。

Answer 1

您也可以使用css来应用HTML Attributes。

<强> LIKE

ul[id^='input_11_'] li:last-child input{    
  // Code common properties Here which is common in all input_11_* with li:last-child input
}

有关详细信息，请查看w3school参考 CSS SELECTORS

使用SASS可以改进这些详细的CSS选择器吗？

1 个答案: