List styling frustration: removing bullets

(Ran into similar problems adding images. Is it a matter of a more specific rule somewhere overriding it?)

ul#agariclist list-style-type: none;

not related i don't think but damned if i know anything anymore

#homepage .panel-col-first .view-data-field-action-shot-fid .item-list {
  list-style: none;
}

#homepage .panel-col-first .view-banner .view-data-field-action-shot-fid .item-list li {
  list-style: none;
}

#homepage .panel-col-first .view-banner .view-data-field-action-shot-fid .item-list ul {
  list-style: none;
}

#homepage .panel-col-first .view-banner .view-data-field-action-shot-fid .item-list ul li {
  list-style: none;
}

.view-banner .view-data-field-action-shot-fid .item-list ul li {
  list-style: none;
}

#homepage .panel-col-first .view-data-field-action-shot-fid {
  list-style: none;
}

#homepage .panel-col-first .view-banner .view-data-field-action-shot-fid li {
  list-style: none;
}

#homepage .panel-col-first .view-banner {
  list-style: none;
}

#homepage .panel-col-first .view-banner .item-list {
  list-style: none;
}

None of the above could possibly do anything -- field action shot fid is INSIDE the li, and the last two don't mention ul or li which i think is needed for list-style to take effect (i don't think it inherits).

This seemed to work -- the key seems to be to apply it to the li, although all examples seem to skip this.

div#block-views-banner .view-content-banner .item-list ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: solid black 2px;
}

#block-views-image_blok .item-list li, #block-views-banner .item-list li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

Resolution