Creating css styling in form excercise

HTML-CSS
1

Tell us what’s happening:
step 41
:not(:last-of-type)
I just dont understand, how to get the rigth code for this
should I need to expecify not work on the last element of fieldset

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36 Edg/101.0.1210.47

Challenge: Step 41

Link to the challenge:

2

what have you tried writing?

the :not(:last-of-type) is a pseudoselector, you can use it to select all but the last one of a specific type of element
for example

div:not(:last-of-type) { }

would select all but the last div element

3

I cant find the solution for this Im doing this

fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px;
solid #3b3b4f;
}
fieldset:not(:last-of-type)
and the instruction for this is step is this

To give the fieldset elements a bit of separation, select all but the last fieldset element, and give them a border-bottom of 3px solid #3b3b4f .

4

so you need to use rules on all put the last fieldset

so you need to create a selector like this

but for the fieldset elements, and apply the required css rules to it

5

something like this fieldset:not(:last-of-type) {
and here is the instruction right?
}

6

try and let me know how it goes

7

didnt work
You should give the fieldset elements a border-bottom of 3px solid #3b3b4f
I already have in the code in style.css file
fieldset {

border: none;

padding: 2rem 0;

}

8

also the instruction is this
To give the fieldset elements a bit of separation, select all but the last fieldset element, and give them a border-bottom of 3px solid #3b3b4f

9

and I wrote this
fieldset:not(:last-of-type) {

border-bottom: 3px;

solid: #3b3b4f;

} :crazy_face: I dont know what Im doing :sweat_smile:

10

I suggest you reset the step and only add the css for this step

which is similar to this

but border-bottom takes three values, and solid is not a property - it is one of the values for border-bottom

11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.