title: How to use CSS styling on adaptive cards?
body: <p>I'm trying to use CSS to style the adaptive cards on a more fine grained level, however the similar names of the default CSS classes makes it difficult to target individual elements.</p>
  
  <p>I've attempted to try target it with specific parameters, but they still end up crossing rules to some extent. I've tried using unique ids or uniqueCSSSelectors during the adaptive card build process, but it seems they are all stripped out by the time it makes it to the front end.</p>
  
  <p>Here are some examples of what I've tried so far.</p>
  
  <pre><code>li div .content .attachment .attachment div .ac-container:not(:first-child) .ac-columnSet:hover{
      background: #e6eaed;
      color: #323232;
  }
  
  li div .content .attachment .attachment div .ac-container:not(:first-child) .ac-columnSet:hover .ac-container .ac-textBlock p{
      color: #323232;
  }```
  </code></pre>