is there any possible way to change the style using css only but not using any pseudo classes? : `<ul>
    <li>number 1</li>
    <li>number 2</li>
    <li>number 3</li>
    <li>number 4</li>
    <li>number 5</li>
    <li>number 6</li>
    <li>number 7</li>
    <li>number 8</li>
    <li>number 9</li>
    <li>number n</li>
</ul>`

this is my html and i don't know how many **'li'** is there now i want to give style to first and the last **'li'** but **without** using any **pseudo class** like first-child last-child last-type-of etc and i don't want to use any attribute in  html not class also and **not using any javascript code nor jquery no code**. Just using css is there any possible way to do this?