title: HTML applying style to multiple div in CSS
body: <p>I'm trying to apply a CSS style to multiple div elements as in the following HTML code:</p>
  
  <pre><code>{% for i in player_range %}
  &lt;div id="container-frame-{{ i }}"
  ...
  &lt;/div&gt;
  {% endfor %}
  </code></pre>
  
  <p>Where the value of i is variable and being passed to the HTML from the Python side of my software.</p>
  
  <p>Below is the CSS style I'd like to apply for each element.</p>
  
  <pre><code>#container-frame-0{
     border-style: solid;
     border-width: 5px;
     border-color: green;
  }
  </code></pre>
  
  <p>I tried to hardcode the different values of i (e.g, 0,1,2 etc...) to the container-frame style and it works fine. However, I'm searching for a cleaner way to do it.</p>
  
  <p>Ideally I'm looking for something like this:</p>
  
  <pre><code>#container-frame-{{i}}{
     border-style: solid;
     border-width: 5px;
     border-color: green;
  }
  </code></pre>
  
  <p>Where i is the same  as in the HTML. 
  Any idea how to do so?</p>