سلام، وقتتون بخیر. در این پروژه، در بخشی از استایل ها، برای input::after :

        .container form input::after{      
            opacity: 0;
        }
        .container form input:checked::after {
            opacity: 1;
        }

 و بعد این خط کد تعریف شده است که به نظر میرسد لزومی ندارد(آیا دلیل خاصی دارد؟)

.container form input::after:not(label){
            opacity:0;
        }
 

مسیله دیگر اینکه یکسری از پروژه‌ها از جمله این پروژه در فایرفاکس آنطور که ست کردیم نمایش نمیشود (فقط در کروم به درستی نمایش میشود) این مسیله را چطور برطرف کنیم؟ در این پروژه تنظیمات ست شده برای input(before , after) در فایرفاکس نمایش نمیشود.

(نکته)- در پروژه، برای Label‌ها اشتباها id مشابه با input‌ها آورده شده است.

            <input type="radio" name="slide" autofocus="autofocus" title="خانه" id="slide1" checked="checked">
                <label for="slide1" id="slide1">