Can the hidden global attribute be changed with CSS?

Question

If I write:

<div hidden>blah blah blah</div>

then the <div> is hidden. Can I make it visible by using just CSS? Or is there some other way to hide a <div> with just HTML that can be undone with CSS?

Answer 1

You can do it with the display property of any value different than none:

div {
  display: block;
}

<div hidden>blah blah blah</div>