How to style a class (css) within a section with an attribute

Question

I would like to style the c-field class. There is a padding of 8px which I would like to remove.

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>

What I tried:

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

Answer 1

What you should try is removing the > selector and leave it as

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