• 23-11-2024, 19:13:27
    #1
    Merhaba kullandığım class bu
    .pvpers_ozellikyok
    kullanacağım kod bu
    .pvpers_ozellikyok:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        font-style: normal;
        font-weight: 300;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f057";
        color: red;
        font-weight: bold;
        display: inline-block;
        margin-right: 10px;
    }
    Bu class'ı aşağıdaki şekildeki gibi kullandığım zaman bir diğer class'ın :before'unun gözükmemesini istiyorum. Ancak sadece o class kullanıldığı vakit.
    <span class="pvpers_ozellikyok">deneme</span> bunu kullandığımda

    .permission-group .permission-sublist .permission-item:before
    Bu kod display:none olsun

    Nasıl yapabilirim internetten baktım ama bulamadım.

    Yani şunun gibi bir şey olabilir mi ? Bahsettiğimi umarım anlatabilmişimdir sağolun şimdiden

    .pvpers_ozellikyok:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: inherit;
        font-style: normal;
        font-weight: 300;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f057";
        color: red;
        font-weight: bold;
        display: inline-block;
        margin-right: 10px;
    
        & .permission-item:before {
            dipslay: none;
        }
    }
  • 23-11-2024, 19:23:37
    #2
    Anlatım biraz karışık olmuş ama html yapısını tam verirseniz daha isabetli bi çözüm bulabiliriz. Son çıktı da bahsettiğiniz kod scss kodu. Çalışması için derlenmesi lazım. Aşağıda ki kodu deneyebilirmisiniz?

    .pvpers_ozellikyok.permission-item:before {
            dipslay: none;
    }
  • 23-11-2024, 19:32:07
    #3
    Aynı div deyse before display none veremezsiniz verirseniz sizin before da gider. 2. bir yol kendi ekledinize after verebilirsiniz diğerine display none ile kapatabilirsiniz. After da doluysa diğer before olanın css lerini ezerek düzenleyebilirsiniz
  • 23-11-2024, 19:35:06
    #4
    PM gönderilmiştir
  • 23-11-2024, 20:11:31
    #5
    Teşekkür ederim sorunu dışarıdan bir kişi çözüm getirdi. Yorum atan vakit harcayan herkese hayırlı işler sağolun