Проблема с фоном ячейки таблицы

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем lebmarg, 10.07.2014.

  1. Offline

    lebmarg Недавно здесь

    Регистрация:
    10.07.2014
    Сообщения:
    4
    Симпатии:
    0
    Всем привет! Подскажите плиз, как изменить стиль одной ячейки таблицы (чтобы фон одной ячейки таблицы был например не белым, а красным), если стили таблиц уже заданы в css

    Layout.css:
    Код (css):
    1. table {
    2.    width: 100%;
    3.    max-width: 100%;
    4.    margin-bottom: 1.5em;
    5.    border-collapse: collapse;
    6.    border-spacing: 0;
    7.    background-color: none;
    8.    font-size: 1em
    9. }
    10.  
    11. table th,table td {
    12.    padding: 8px;
    13.    vertical-align: top;
    14.    border: 1px solid #ddd;
    15.    line-height: 1.5em;
    16.    text-align: left;
    17.  
    18. }
    19.  
    20. table th {
    21.    font-weight: bold;
    22.    border: 0;
    23.  
    24. }
    25.  
    26. table thead th {
    27.    vertical-align: bottom;
    28.    
    29. }
    30.  
    31. table  tr:first-child th,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
    32.    {
    33.    border-top: 0;
    34.  
    35. }
    36.  
    37. table tbody+tbody {
    38.    border-top: 2px solid #8c9bab;
    39. }
    40.  
    41. table tbody tr td,table tbody tr th {
    42.    -webkit-transition: background-color 0.25s 0 linear;
    43.    -moz-transition: background-color 0.25s 0 linear;
    44.    -ms-transition: background-color 0.25s 0 linear;
    45.    -o-transition: background-color 0.25s 0 linear;
    46.    transition: background-color 0.25s 0 linear;
    47.  
    48.    
    49.  
    50. }
     
    Последнее редактирование модератором: 10.07.2014
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    А проблема где ?
    Применяй встроенный стиль для нужной ячейки или определяй идентификатор для ячейки и тогда определяй представление во внешних стилях или используй псевдо-класс :nth-of-type .
     
  4. Offline

    lebmarg Недавно здесь

    Регистрация:
    10.07.2014
    Сообщения:
    4
    Симпатии:
    0
    Вставила bgcolor в саму ячейку <td colspan="3" bgcolor="red"><strong>текст</strong></td>, в редакторе материала ячейка закрашивается красным фоном,но в браузере ничего не меняется.Как была белой, так и осталась.
    НА счет псевдокласса - где именно его прописать?
    --- добавлено: 10.07.2014 ---
    Если можно, подскажите что и где конкретно прописать. А то чего-то совсем запуталась.
     
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    ты по какому учебнику учишься?

    Код (CODE):
    1. <td colspan="3" style="background: red;"><strong>текст</strong></td>
     
  6. Offline

    lebmarg Недавно здесь

    Регистрация:
    10.07.2014
    Сообщения:
    4
    Симпатии:
    0
    спасибо за помощь. Все получилось после того, как в файле personal.css удалила td
     

Поделиться этой страницей

Загрузка...