Вопросы Теги

Изменить на складе / на складе цвет текста

В оболочке вы можете анализировать HTML , используя:

Связанный (почему вы не должны использовать регулярное выражение):

1
задан morganjamesj 17 January 2019 в 16:01
поделиться

2 ответа

Разобрался. 

p.stock.out-of-stock {
    color: #ff0000 !important;
}

и 

p.stock.in-stock {
    color: #ff0000 !important;
}

в пользовательский CSS и соответствующим образом корректируем шестнадцатеричный код.

Не знаю, как удалить мой вопрос, но, возможно, это поможет кому-то еще.

0
ответ дан morganjamesj 17 January 2019 в 16:01
поделиться

Это невозможно сделать только с помощью CSS, но вы можете сделать это с помощью JavaScript и API.

Например, это HTML 

<div>
   <p class="stock">Stock</p>
</div>

JavaScript


var stock = document.querySelector('.stock');
    function countProducts(){
            fetch('http://127.0.0.1:8000/stock')
            .then(function(response) {
                return response.json();
            })
            .then(function(myJson) {
                if (myJson != 0) {
                    stock.style.color= 'green';
                 }else{
                    stock.style.color = 'red';
                }
            });
    }

Но если вы хотите знать, как это сделать в CSS. Это так

HTML 

   <div>
       <p class="stock">Stock</p>
       <p class="NoStock"> No Stock </p>
    </div>


    //If there is a stock
    .stock{
     color: 'green';
     display: inherit;
    }

    .noStock{
      color: 'red';
      display : 'none';
    }

    //If there is  not a stock

    .noStock{
     color: 'red';
     display: 'inherit';
    }

    .stock{
     color: green;
     display: 'none';
    }
0
ответ дан Joaquin 17 January 2019 в 16:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: