title: Change link color based on href attribute
body: <p>I'm working on Squarespace for a client that needs to add special blog post that are styled different.
  The problems is that this template doesn't allow it and the client can't code, so I'm trying to do it with custom CSS in a way that prevents errors.</p>
  
  <p>All this "special" post have a link with href that contains the word "special", so I'm styling them with the css selector:</p>
  
  <pre><code>[href*="Special"] { style }.
  </code></pre>
  
  <p>My question is if the client add more special post like "Special landscape", "Special Images", "Special theme" and so on, i can target them with:</p>
  
  <pre><code>[href*="Special+l"] { style }. 
  [href*="Special+I"] { style1 }.
  [href*="Special+t"] { style2 }.
  </code></pre>
  
  <p>Is there a way to style them differently based on the href without needing to know the first letter of the second word?
  Otherwise if the client put a different second word the style will not be applied.</p>
  
  <p>I tried with nth-of-type() and so on but since each link are child of different blog's cards it doesn't work.</p>
  
  <p>I hope explain myself :)</p>