CodePen Embed - CSS Attribute Selectors

<head>
<style>
/* Selects all elements with the 'data-info' attribute */
[data-info]{
border: 2px solid blue;
padding: 5px;
}
</style>
</head>
<body>
<div data-info="value1">This div has a data-info attribute.</div>
<p data-info="value2">This paragraph has a data-info attribute.</p>
<span>No data-info attribute here.</span>
</body>

This Pen is owned by Training Course on CodePen.

See more by @Training-Course on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.