Cannot hide div

Asked Jun 11 '20 at 20:50

Active Jun 11 '20 at 20:50

Viewed 15 times

I've added a (almost) minimal example to https://jsfiddle.net/p5uo12td/ I'd like the "Message Subimitted!" message to be hidden when the webpage is loaded, so that the message could get visible after good submission.

But can't find the way to make it not visible.

// html
<div id="msgSubmit" class="h3 text-center hidden">Message Submitted!</div>

// css
#msgSubmit .hidden {
    display: none !important;
    visibility: hidden;
    background: #0a0a0e;
}

asked Jun 11 '20 at 20:50

Luis

1,236
5
22
31

2

There should not be a space between `#msgSubmit` and `.hidden`. – Turnip Jun 11 '20 at 20:51
#msgSubmit, .hidden – Talgat Jun 11 '20 at 20:53
@Talgat No. It would be #msgSubmit.hidden – Turnip Jun 11 '20 at 20:55
Such a beginner mistake in my front-end intake... Thanks both of you. – Luis Jun 11 '20 at 20:57
@Turnip, sorry, but it worked in jsFiddle. It hides the div. – Talgat Jun 11 '20 at 20:57
@Talgat the comma makes it two separate selectors. It would mean: hide `#msgSubmit` and also hide _any_ other element with the class `hidden`. – Turnip Jun 11 '20 at 21:11
@Turnip, thanks, I thought that is the thing Luis was searching for. He intended to hide both. – Talgat Jun 11 '20 at 21:17
@Luis, please correct me if I am wrong. – Talgat Jun 11 '20 at 21:17

Cannot hide div

0 Answers0