(Resolved)Assessment wanted for Images skill test 1

I would be grateful for the any explanation.

Below I have attached two screenshots where I tried to write the same CSS rule in a different way. So I want to understand why this selector isn’t working:

  form input[search] {
font-family: inherit;
font-size: 100%;

According to Attribute Selectors Reference Table, [attr] matches elements with an attr attribute (whose name is the value in square brackets). In my case, the name is search and element is input; form is an ancestor of input that’s why the Descendant combinator should work here. I have even deleted other attributes inside this input element, in order to avoid possible ambiguity, but this is still not working :slightly_frowning_face:

I confused attr itself with its name

Hi @DenisM :wave:

I don’t quite understand your second post. So I don’t know if you found the mistake. To clarify:

  • input[search] would select <input search="somevalue"> (which doesn’t exist)
  • input[type="search"] would select <input type="search">

Have a nice day!

1 Like

Hi @mikoMK!

Yes, this was it I found out, but thank you for your help :slightly_smiling_face:

Kind regards

1 Like