سلام من دقیق منظورتون متوجه نشدم 

اگر درست متوجه شده باشم:

1-css
    ul li::before {
        content: "\2022";
        color: green !important;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
    ul {
        list-style: none;
    }
    2-html
    <ul>
    <li style="color: red">djkvns</li>
     </ul>

اگر می‌خواهید روی دایو بروید و رنگ فونت li تغییر کند

<div style="color: yellow">
<ul>
    <li>djkvns</li>
</ul>
</div>

این‌ها را مثال گفتم حالا آنها به صورت هاور تعریف کن

درود

باید با دادن پدینگ اون فضای متن‌ها رو بیشتر کنید. کافیه استایل زیر رو اضافه کنید:

ul.menu li a {
    padding: 10px 20px 10px 20px;
    color: white;
  }

باز اگر کدتون رو در کدپن آپلود کنید یا پروژه رو به صورت زیر بفرستید، بهتر میتونم راهنمایی تون کنم.

درست شد ممنون از توضیحات کاملتون 
اقای بیرجندی 🌹
خانم کریمی مقدم 🌹

سلام،

پستی که پاسخ سؤال شماست، تایید کنید تا تاپیک از پیگیری خارج شود.