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 