title: css page does not connect proparley to the master page
body: <p>half of the css content doesn't apply to the master page
  when i delete the css page and add the css code to the master page itself(without having two separate pages) the css works perfect</p>
  <p>html</p>
  <pre><code>&lt;%@ Master Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot; CodeBehind=&quot;MastrPage.master.cs&quot; Inherits=&quot;Project.MastrPage&quot; %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head runat=&quot;server&quot;&gt;
      &lt;meta  charset=&quot;utf-8&quot;/&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;asp:ContentPlaceHolder ID=&quot;head&quot; runat=&quot;server&quot;&gt;
      &lt;/asp:ContentPlaceHolder&gt;
      &lt;link href=&quot;StyleSheet.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; runat=&quot;server&quot;/&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;
          &lt;p class=&quot;logo&quot;&gt;jhkjhk&lt;/p&gt;
          &lt;nav&gt;
              &lt;ul class=&quot;nav_links&quot;&gt;
                  &lt;li&gt;&lt;a href=&quot;HtmlPage3.aspx&quot;&gt;דף 3&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;HtmlPage2.aspx&quot;&gt;דף 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;HtmlPage1.aspx&quot;&gt;דף 1&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
          &lt;a href=&quot;#&quot; class=&quot;cta&quot;&gt;&lt;button&gt;dflksjf&lt;/button&gt;&lt;/a&gt;
      &lt;/header&gt;
      
          &lt;div&gt;
              &lt;asp:ContentPlaceHolder ID=&quot;ContentPlaceHolder1&quot; runat=&quot;server&quot;&gt;
              &lt;/asp:ContentPlaceHolder&gt;
          &lt;/div&gt;
  
      &lt;table width=&quot;100%&quot; border=&quot;1&quot; class=&quot;footer&quot;&gt;
          &lt;tr&gt;
              &lt;td&gt;אוהד רונן&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
     
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>as far as i know the css does not have a problem but here it is</p>
  <pre><code>
  * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }
  
  li, a, button {
      font-family: &quot;Montserrat&quot;,sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #edf0f1;
      text-decoration: none;
  }
  
  header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 10%;
      background-color: #24252A;
      position: fixed;
      top: 0;
      width: 100%;
  }
  
  .logo {
      cursor: pointer;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      color: goldenrod;
      font-size: 22px;
      order: 3;
  }
  
  .nav_links {
      list-style: none;
      display: flex;
  }
  
  nav {
      order: 2;
  }
  
  .cta {
      order: 1;
  }
  
  .nav_links li {
      display: inline-block;
      padding: 0px 20px
  }
  
  .nav_links li a {
      transition: all 0.3s ease 0s;
  }
  
  .nav_links li a:hover {
      color: #ddad34;
  }
  
  button {
      margin-left: 20px;
      padding: 9px 25px;
      background-color: goldenrod;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.3s ease 0s;
  }
  button:hover {
       background-color: #ddad34;
  }
  
  
  .content {
      text-align: center;
      font-size: 44px;
      vertical-align: central;
      position: absolute;
      top: 3%;
      right: 0;
      left: 0;
      height: 800px;
  }
  
  .footer {
      text-align: center;
      position: absolute;
      top: 85%;
      right: 0;
      left: 0;
      height: 130px;
  }
  
  a {
      text-decoration: none;
      color: white;
  }
  
  a:hover {
      color: lightcyan;
      cursor: pointer;
  }
  </code></pre>
  <p>i really dont know what is the problem
  the problem is between the connection of the css and the master page i already tried applying
  this :href=&quot;~/StyleSheet.css&quot;
  it does not work either</p>
  <p>edit:solution explorer
  <a href="https://i.stack.imgur.com/bINxu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bINxu.png" alt="solution explorer" /></a></p>