یکسری مسایل مربوط به پروژه

سلام، وقتتون بخیر. در این پروژه، در بخشی از استایل ها، برای 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">