html - i class タグを使用して CSS を変更する

Question

i class タグを除いて同じである 3 つの異なる div 要素の css を更新しようとしている状況があります (それぞれに異なるアイコンがあります)。それぞれの色を変更しようとしていますが、変更できるのは css または javascript (Canvas LMS) のみです。全部変えることはできますが、粒度を把握できず、ひとつひとつ個別に変えることができません。3つは次のとおりです。

<div class="ic-notification ic-notification--admin-created ic-notification--info">
        <div class="ic-notification__icon" role="presentation">
          <i class="icon-info"></i>
          
  <div class="ic-notification ic-notification--admin-created ic-notification--info">
            <div class="ic-notification__icon" role="presentation">
              <i class="icon-calendar-month"></i>

 <div class="ic-notification ic-notification--admin-created ic-notification--info">
            <div class="ic-notification__icon" role="presentation">
              <i class="question"></i>

cssまたはjavascriptを使用するアイデアはありますか?

ありがとうございました！