Using multiple element in CSS designations

HTML-CSS
1

I probably am not using the right lanuage in the title but I want to know how to correctly apply a pseudo class to multiple elements.

I tried doing this but it doesn’t work:

input, select, textarea:invalid {
border: 2px solid red;
}

Thanks.

2

share your code snippet along with step or exercise url for more clarity, happy coding :slight_smile:

3

Screenshot (122)
Screenshot (122)1033×853 51.8 KB

Hi buddy, See here by using this option you can do add your code here.

4

so do you want to use the pseudoclass on all of those elements? then you need to add it to all those elements, right now the only one with a pseudoclass is textarea:invalid

5

So that’s the question. From a best practice point of view, would I do it like this?

input:invalid, select:invalid, textarea:invalid {
border: 2px solid red;
}

Or just create 3 separate CSS entries?

6

if you want to give the same style you can do that, if you want to give different styles you can use 3 separate CSS entries