OK if I want to target an <input>
tag with type="submit"
I can do so like:
input[type=submit]
Also if I want to target an <input>
tag with value="Delete"
I can do so like:
input[value=Delete]
But How can I target an <input>
tag with BOTH?
You use the general sibling selector (~) in combination with :hover . The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.
input[type=submit][value=Delete]
You're chaining selectors. Each step narrows your search results:
input
finds all inputs.
input[type=submit]
narrows it to submits, while
input[type=submit][value=Delete]
narrows it to what you need.
You can use multiple attributes as follows:
input[type=submit][value=Delete] { /* some rules */ }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With