Css content from data attribute

div { 
	content: attr(id); /* Get content from the ID */
	content: attr(class); /* Get content from the class attribute */
  	content: attr(data-custom); /* Get content from a custom attribute, e.g. <div data-custom="My Content">*/
}

Source: davidwalsh.name

Similar codes

0 vote265 views1 answer
Html same width as parent
CSS
0 vote297 views1 answer
Have an item span multiple columns css grid
CSS
7 votes303 views2 answers
Vue sass loader
CSS
3 votes254 views1 answer
How to make a backgroud image with no repeat in html
CSS
0 vote267 views1 answer
Cs cirlce
CSS
0 vote249 views1 answer
Css how to find all ids that end with something
CSS
0 vote368 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
0 vote269 views1 answer
Ellipsis css in table cell 2 lines
CSS
0 vote296 views1 answer
JavaScript find common characters between the strings
CSS
2 votes317 views1 answer
Css click event jquery
CSS