- Семантичний інтерфейс js / css - 2.2.7
- jQuery v3.0.0
- Інтеграція з Magento 2.1.2
Моя піктограма <i class="help icon"></i> показує квадрат з кодом F128, який відповідає значку icon.help, де він повинен фактично показувати значок допомоги
У тому ж файлі, <i class="dropdown icon"></i> показує випадаючий трикутник. Джерело CSS на правильному шляху, але чому один працює, а інший не?
i.icon {
backface-visibility: hidden;
display: inline-block;
font-family: Icons;
font-style: normal;
font-weight: 400;
height: 1em;
margin: 0 0.25rem 0 0;
opacity: 1;
text-align: center;
text-decoration: inherit;
width: 1.18em;
}
i.icon::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
i.icon.dropdown:before,i.icon.triangle.down:before{
content:"f0d7
}
i.icon.help:before{
content:"f059
}
Відповіді:
0 для відповіді № 1Піктограма, ймовірно, визначається наступним селектором:
.icon.help {}
не (виглядає як випадаюча піктограма, визначена у вашому css так)
.icon.dropdown {}
Якщо ви повинні використовувати класу спадного списку тут; Ви можете спробувати:
<i class="dropdown help icon"></i>
Однак майте на увазі, що додавання цих класів може вплинути на / перевизначити вигляд класу "випадаючого".