CSS [attribute] Selector - Playground Example

<!DOCTYPE html><html><head><style type="text/css">/* 1. Targets any <a> element that HAS a 'target' attribute */
a[target] {
  background-color: yellow;
  font-weight: bold;
}

/* 2. Targets any <a> element that has a 'title' attribute */
a[title] {
  color: forestgreen;
  text-decoration: underline;
}

/* 3. Targets a <button> specifically where the type is "submit" */
button[type="submit"] {
  border: 2px solid blue;
  padding: 10px;
  cursor: pointer;
}</style></head><body><a href="https://example.com">Standard Link</a>
<br><br>
<a href="https://google.com" target="_blank">Opens in New Tab</a>
<br><br>
<a href="https://wikipedia.org" title="Knowledge Base">Hover for Title</a>
<br><br>
<button type="submit">Submit Form</button></body></html>