کار نکردن ویژگی content درCSS

با سلام بنده یه کد CSS زدم که می‌خوام در اون از ویژگی content ستفاده کنم اما نمی‌دونم چرا کار نمیکنه اگر امکانش هست راهنماییم کنید کد من به شکل زیر هست:

.main-menu .content-text{
    content: منو اصلی;
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
    color: #ddd;
}

سلام دوست عزیز برای اینکه از ویژگی content در CSS استفاده کنید باید مقدار اون رو در داخل " " قرار بدید تا در خروجی براتون نمایش داده بشه.

کد درست شما به شکل زیر خواهد بود:

.main-menu .content-text{
    content: "منو اصلی";
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
    color: #ddd;
}