<h2>اضافه کردن شبه عناصر به لینک ها و متا تگ ها</h2>

<p>عناصر فوق متا تگ ها و لینک ها هستند که در قسمت head پروژه قرار دارند اینها همان عناصر بی اعتبار (فاقد تگ بسته) هستند ولی شما می توانید شبه عناصر را به آنها اعمال کنید.</p>

body {
  text-align: center;
  padding: 0 20px;
}

head {
  display: block;
}

meta, link {
  display: block;
  background: lightpink;
  border: solid 1px;
  padding: 14px;
  margin: 10px;
}

link:before {
  content: "This is a link (stylesheet) element";
}

meta:before {
  content: "This is a meta element";
}

p {direction:rtl;
  max-width: 700px;
  margin: auto;
}

.p {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding-top: 130px;
}