стили для блока (с условием) через CSS

Тема в разделе "Верстка", создана пользователем kuzmit42, 5 дек 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. kuzmit42

    kuzmit42 Постоялец

    Регистр.:
    9 янв 2013
    Сообщения:
    131
    Симпатии:
    31
    <style>
    .text{color:red;}
    </style>
    <div class="text">текст текст текст текст текст </div>
    <div class="cart">корзина</div>
    Есть страница, код выше.
    Если на странице есть блок с лассом "cart" мы делаем текст красным.
    Если блока "cart" нет. мы нечего не делаем с цветом.
     
  2. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    80
    Симпатии:
    31
    Не возможно такое сделать с помощью CSS, только через JS.
    Нужна проверка, а в CSS нету проверки, это не язык программирования.
     
    kuzmit42 нравится это.
  3. inturned

    inturned Webmaster & Designer

    Регистр.:
    7 ноя 2011
    Сообщения:
    530
    Симпатии:
    244
    Вот тут ты не совсем прав!
    Капай в сторону типа "Селекты и их комбинации".
    Хотя я не совсем может понял вопроса, но некоторыми силами все таки можно сделать через CSS, может и стоит изменить конструкцию.
    Больше тут: http://htmlbook.ru/css раздел "Селекты и их комбинации"
     
    kuzmit42 нравится это.
  4. TecT

    TecT Пользователь для ТесТа

    Регистр.:
    25 фев 2009
    Сообщения:
    449
    Симпатии:
    44
    Без привлечения js или php, этого сделать не возможно.

    нет не получиться средствами css и html сделать что он хочет сделать как я понял.

    Если выводиться блок с классом card тогда текст становится красным. На Css и Html нельзя делать условия, к сожалению.
     
    Последнее редактирование модератором: 5 дек 2014
    kuzmit42 нравится это.
  5. vytyacom

    vytyacom Постоялец

    Регистр.:
    19 ноя 2014
    Сообщения:
    136
    Симпатии:
    54
    $(document).ready(function(){
    var $cart = $('.cart');
    if($cart.length) {
    $('.text').css('color', 'red');
    }
    });
     
    kuzmit42 нравится это.
  6. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    80
    Симпатии:
    31
    Да что Вы говорите, тогда изобразите мне данное действие на HTML и CSS...

    Все верно, должна быть хоть какая то проверка.
     
    kuzmit42 нравится это.
Статус темы:
Закрыта.