внедрить HTML без использования JScript

Question

У меня есть следующий код:

<ul id="myList">
   <li class="li1">Example 1</li>
   <li class="li2">Example 2</li>
   <li class="li3">Example 3</li>
   <li class="li4">Example 4</li>
</ul>

Можно ли как-нибудь преобразовать список в:

<ul class="myList">
   <li class="li1"><div class="container">Example 1</div></li>
   <li class="li2"><div class="container">Example 2</div></li>
   <li class="li3"><div class="container">Example 3</div></li>
   <li class="li4"><div class="container">xample 4</div></li>
</ul>

с использованием только css . без использования JavaScript

Answer 1

CSS не может добавлять элементы, это действительно не его цель.

При этом можно добиться аналогичного эффекта , сделав элементы display: block, например:

#myList > li { display: block; }

Answer 2

Нет. CSS предназначен для инструктирования браузера о том, как элементы выглядят и расположены. Он не способен редактировать живой HTML.