Как стилизовать класс (CSS) в разделе с атрибутом

Question

Я бы хотел стилизовать класс c-field. Есть отступ 8px, который я хотел бы удалить.

HTML:

<div class="c-section c-col-1 c-sml-col-1 c-span-16 c-sml-span-12" data-field="UrenprognoseSamenstellenJaarrekening">
   <div class="">
      <div class="c-field c-col-1 c-sml-col-1 c-span-10 c-sml-span-12">
         <div class="c-editor c-html">
            <p>Jaarrekening, rapportage en dossier</p>
         </div>
      </div>
   </div>
</div>

Что я пробовал:

.c-section[Data-Field="UrenprognoseSamenstellenJaarrekening"] > .c-field  {
padding:0px;}

Answer 1

То, что вы должны попробовать, это удалить селектор > и оставить его как

.c-section[Data-Field="UrenprognoseSamenstellenJaarrekening"] .c-field {
  padding: 0px;
}