title: Is there a way to set CSS properties like `display` using Cypress commands?
body: <p>I would like to hide an element by setting the display property.</p>
  
  <p>I've tried using <code>invoke</code> to set the attribute value, but it may only work for HTML attributes?</p>
  
  <pre><code>cy.get('#hubspot-messages-iframe-container &gt; iframe')
          .invoke('attr', 'display', 'none!important')
          .should('have.attr', 'display', 'none!important')
  </code></pre>
  
  <p>This seems to be setting the attribute values, but the element is still visible, which leads me to believe it's probably not recognizing my attribute or i'm using the wrong command.</p>
  
  <p>Tried using this as suggested:</p>
  
  <p><a href="https://i.stack.imgur.com/5dwCx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5dwCx.png" alt="enter image description here"></a></p>
  
  <p>The .css() function seems to not be setting the value the way it should:</p>
  
  <p><a href="https://i.stack.imgur.com/2qMNg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2qMNg.png" alt="enter image description here"></a></p>
  
  <p>Here's me validating my own sanity that the selector is correct and the display is <code>none</code> lol: 
  <a href="https://i.stack.imgur.com/KAI33.png" rel="noreferrer"><img src="https://i.stack.imgur.com/KAI33.png" alt="enter image description here"></a></p>