title: How to add more CSS properties in this Javascript
body: <p>Can anyone tell me how to add or assign more properties to this given javascript.</p>
  
  <pre><code>$('#mydoom').each(function () {
      if ($(this).css('visibility') == 'hidden') {
          document.location.href = "http://www.example.com";
      }
  });
  </code></pre>
  
  <p>You see the above script has only one css tag/property <strong>visibility:hidden</strong>, how can I add more properties... </p>
  
  <p>Something like this <strong>example</strong>: </p>
  
  <pre><code>$('#mydoom').each(function () {
      if ($(this).css('visibility') == 'hidden')
       ($(this).css('display') == 'none')
       ($(this).css('font-size') == '25px')
       ($(this).css('color') == 'red')
   {
          document.location.href = "http://www.example.com";
      }
  });
  </code></pre>
  
  <p>You see the above scripts holds many properties...so how can I do that, this is not working which I've shown you above as an example.</p>
  
  <h1>I Updated the post to make its more clear:</h1>
  
  <p>Example here is my page: which has this script:</p>
  
  <p>I created to help convey, how to make this script to work.</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  //&lt;![CDATA[
  $(document).ready(function() {
  $('#mydoom').each(function () {
      if 
  ($(this).css('font-size') != '25px') // See if the font-size is **25** if not then redirect.
  ($(this).css('color') != 'red') // See if the color is **red** if not redirect .
  ($(this).css('position') != 'relative') // See if the position is **relative** if not redirect.
  ($(this).css('float') != 'left') // See if the float is **left** if not redirect.
  {
          document.location.href = "http://www.example.com";
      }
  });
  })
  //]]&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>I add the html and wrong css properties too to to check the redirection</strong></p>
  
  <pre><code>&lt;style&gt;
    #mydoom {position:absolute;}
    #mydoom {font-size:24px;}
    #mydoom {color:white;}
  &lt;/style&gt;
  
  &lt;div id="mydoom"&gt;
  mydoom
    &lt;/div&gt;
  </code></pre>
  
  <p>you see, i put position:<strong>absolute</strong> font-size:<strong>24px</strong> and color:<strong>white</strong> but the page is not redirect why ? as i already set in javascript to check its value if it does not match then redirect the page. so how to make the script to work.</p>
  
  <p>i hope you got the point. </p>