Try it Yourself: CSS Attribute Selectors

CSS Attribute Selectors

<!DOCTYPE html>
<html>
<head>
<style>
/* Any element with a title attribute */
[title] {
  cursor: help;
}

/* Only text inputs */
input[type='text'] {
  border: 1px solid #ccc;
  padding: 8px;
}
</style>
</head>
<body>

<p>Hover this <abbr title="Cascading Style Sheets">CSS</abbr> term to see the cursor change.</p>
<input type="text" placeholder="Your name">

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
/* Any element with a title attribute */
[title] {
  cursor: help;
}

/* Only text inputs */
input[type='text'] {
  border: 1px solid #ccc;
  padding: 8px;
}
</style>
</head>
<body>

<p>Hover this <abbr title="Cascading Style Sheets">CSS</abbr> term to see the cursor change.</p>
<input type="text" placeholder="Your name">

</body>
</html>