За последние 24 часа нас посетил 18021 программист и 1650 роботов. Сейчас ищут 1325 программистов ...

дублирование стилей

Тема в разделе "HTML и CSS", создана пользователем vikrorpert, 6 окт 2015.

  1. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    есть такой стиль
    Код (PHP):
    1. div.popular-details {
    2.     position: absolute;
    3.     background: rgba(12, 32, 61, 0.7);
    4.     bottom: 0;
    5.     width: 263px;
    6.     height: 110px;
    7.     text-align: left;
    8.     color: #f5f5f5;
    9.     padding: 8px 16px;
    10.     font-size: 18px;
    11. }
    12.  
    13. div.popular-details a {
    14.     color: #f5f5f5;
    15. }
    16.  
    17. div.popular-details h3.hotel-name {
    18.     font-size: 20px;
    19.     margin: 0px;
    20.     font-weight: bold;
    21. } 
    я хочу добавить стиль div.popular-details1, такой же как div.popular-details но с другим width
    теперь мне нужно пересоздать заново подстили div.popular-details1 a, div.popular-details1 h3.hotel-name иначе нарушится отображение
    пока вижу оптимальный вариант это записать так
    Код (PHP):
    1. div.popular-details h3.hotel-name,div.popular-details1 h3.hotel-name {
    2.    font-size: 20px;
    3.    margin: 0px;
    4.    font-weight: bold;
    5. } 
    есть лучший способ или мое решение оптимальное?

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. geone

    geone Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    139
    Симпатии:
    0
    Оставь один .popular-details. И сделай два класса .width-200 и .width-400, я не знаю какая тебе там ширина нужна. потом в нужный div впишишь класс ширеной.

    Твоё решение глупое! Один и тот же код два раза)))