(Resolved)Assessment wanted for Images skill test 1

MDN Learn
1

Hello!
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:

ice_screenshot_20211011-135906
ice_screenshot_20211011-1359061061×825 40.3 KB
ice_screenshot_20211011-140447
ice_screenshot_20211011-1404471245×767 41.3 KB

2

I confused attr itself with its name

3

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!
Michael

1 Like
4

Hi @mikoMK!

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

Kind regards

1 Like