これらの冗長CSSセレクタをSASSで改善することはできますか？

Question

WordPressでGravity Formsを使用すると、生成するフィールド名を大して制御することができません。あなたがフィールド131、132およびフォーム11と15で133をターゲットにしたいのであれば、ここで（一部のCSSがリストの最後のli要素で何かをするため、これがある）CSSは次のようになります。

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を使用して適用することもできます。詳細については

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

LIKE

はw3school参照をチェックするコードレビューのためにオフトピックですCSS SELECTORS