title: Is there a CSS selector that applies when matching specific values in the URL?
body: <p>Is there a selector that specifies CSS to only applied when matching a specific URL or part of URL?</p>
  <p>For example, here is my CSS stylesheet:</p>
  <pre><code>p {
     color: green;
  }
  
  url(&quot;home.html&quot;) {
     color: blue;
  }
  
  url(&quot;about.html&quot;) {
     color: yellow;
  }
  
  path(&quot;/path/index*&quot;) {
     color: indigo;
  }
  </code></pre>
  <p>When the user visits home.html I want the home.html selector to be applied. When I'm on the about.html URL I want the about.html to be applied.</p>
  <p>CSS media queries allow you to switch to a different set of styles when the width of the view changes. It also lets you specify a different set of styles when the user is going to view on the screen or send it to a printer.</p>
  <p>My question again is, &quot;Is it possible to specify a different set of styles depending on the URL or values in the URL.&quot; So it's not a question of how to do what I'm asking but if it's possible to.</p>
  <p>I am using a CMS and it has a theme that allows you to add your own CSS. There is one stylesheet. That's it. Not two but one.</p>
  <p>And I have one page that has specific CSS to that page and only that page. That is the origin of this question. There may be a thousand workarounds but my question is not about the workarounds.</p>
  <p>However since this has been answered I do not mind workaround answers related to the question.</p>