CloseTag | الشروحات | CSS | تحديد العناصر عن طريق الحالة في لغة CSS | CSS Pseudo Classes

<!DOCTYPE html>
<html>
<head>
<style> 
p ~ ul
{
  background: #007bff;
}
</style>
</head>
<body>

<div>A div element.</div>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<p>paragraph element 1.</p>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<h2>paragraph element 2.</h2>
<ul>
  <li>React</li>
  <li>PHP</li>
  <li>Laravel</li>
</ul>

</body>
</html>