title: I can't seem to rename/change some CSS classes
body: <p>Ok, I'm quite new to CSS3. I have this code:</p>
  
  <pre><code>    &lt;div class="Mat-Shadow-Box-Text"&gt;
      &lt;div class="Mat-Shadow-Box-TextBleu2"&gt;
  
          MyText
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>That works great. But then I want to change Mat-Shadow-Box-TextBleu2 for Mat-Shadow-Box-Text2. Same CSS class copy/pasted with 0 change (wanted to test before changing anything).</p>
  
  <pre><code>.Mat-Shadow-Box-Text
  {
      margin: 0px 0;
      border-radius: 20px;
      box-shadow: 10px 10px 20px #888;    
      behavior: url(ie-css3.htc);
  }
  
  .Mat-Shadow-Box-TextBleu2
  {
      border-radius: 20px;
      border-width: 3px;
      border-style: solid;
      border-color: #888;
      padding-left: 18px;
      padding-bottom: 15px;
      padding-top: 15px;
  }
  
  .Mat-Shadow-Box-Text2
  {
      border-radius: 20px;
      border-width: 3px;
      border-style: solid;
      border-color: #888;
      padding-left: 18px;
      padding-bottom: 15px;
      padding-top: 15px;
  }
  </code></pre>
  
  <p>Now my 100$ question is: Why when I change the class name in my  tag, it doesn't work? (the border doesn't appear on the web page). Also, I tried just renaming .Mat-Shadow-Box-TextBleu2 by .Mat-Shadow-Box-Text2 (in both CSS class and DIV code) and it doesn't work either!</p>
  
  <p>So, to summarize, my original code works fine, but I can't rename nor change to another class in my second DIV tag. Note that I don't have this problem with my first DIV class. I can rename .Mat-Shadow-Box-Text or point to a different class and it works just fine.</p>
  
  <p>Cheers!</p>