Creating html forms and styling with css | scss | bem - frontend development

In this video we go over marking up and styling a rather simple form using semantic elements given to us by HTML5 to make creating forms simple. We use semantics as much as possible and implement pseudo selectors to give our form some unique styling, or branding. We also utilize psuedo elements for full power over the custom form controls.

[vapofms]

Thanks a lot for your work! I appreciate it deeply.

[Jesus_Is_Lord]

Nice Video! But is it possible in SCSS to target e.g. a <p> tag inside forms and underneath that p-tag a class inside a p-tags inside?

Imagine following inside div.form:

<p>Hello World</p>;
<p class="form--label";


.form{
p{
font-size: 1.2rem;
}
&--label{
color: red;
font-size: 2rem;
}
}


I want all p-tags to have font-size of 1.2rem but all with them with a class of .form--label shall be 2rem and red. Do you know how to do that?