Styling Custom Tags/Elements

Styling custom tag/elements will work but it shouldn't be done. There is talks going on about custom elements to make coding more semantic eg. for a support telphone number you might want to use an element called

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Styling Custom Tags/Elements</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Styling Custom elements/tags</title>
</head>
<body>
  <shoutout>SO WRONG...ON SO MANY LEVELS.</shoutout>
  <mytag>Just because you can, doesn't mean you have too.</mytag>
</body>
</html>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
shoutout {
  display:block;
  font-weight:bold;
  font-size:2em;
  color:red;
}
mytag{
  color:blue;
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Styling Custom Tags/Elements ) is write by Alistair Laing, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Alistair Laing