CSS код таблицы применяется ко всей странице

Автор REDFOX, 09-07-2017, 12:19:24

« назад - далее »

REDFOXTopic starter

Добрый день. Уже несколько дней не могу понять, почему CSS код, написанный для таблицы, применяется ко всей странице. Таблице задан соответствующий ID. Если точнее, то проблема заключается в том, что во всем тексте на странице тень, которая прописана для текста таблицы.

Сам код CSS
[spoiler] #tab1 {

font-size: 14px;
border-radius: 10px;
border-spacing: 0;
text-align: center;
}


#tab1 th {
background: #00BFFF;
color: white;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
#tab1 th:first-child, td:first-child {
text-align: center;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 th:first-child {
border-top-left-radius: 10px;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 th:last-child {
border-top-right-radius: 10px;
border-right: none;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 tr:nth-child(even) {
background: #98FB98;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}
#tab1 tr:nth-child(odd) {
background: #32CD32;
text-shadow: 0 1px 1px #2D2020;
padding: 5px 1px;
}

#tab1 tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
#tab1 tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
#tab1 tr td:last-child {
border-right: none;
}[/spoiler]
  •  


Plan

Давайте ссылочку на страницу с таблицей!
Бетон https://beton007.by, bel-arenda.by - аренда техники, оборудования и инструмента
  •  


REDFOXTopic starter

  •  

Plan

#3
Если я вас правильно понял, то этот блок лишний, если его убрать тень остается только в таблице

#tab1 th:first-child, td:first-child {
text-shadow: 0 1px 1px #2D2020;
}

А цифры лучше смотрятся (ИМХО) белым цветом с черной тенью, а не черные цифры с черной тенью. Или сделать вообще без тени
Бетон https://beton007.by, bel-arenda.by - аренда техники, оборудования и инструмента
  •  

REDFOXTopic starter

Plan, большое спасибо, помогло. Но не могли бы вы подробней описать то, как нашли эту ошибку в коде, чтобы я в следующий раз не задавал таких глупых вопросов и не тратил чье-либо время?)) Еще раз спасибо!))
  •  


Plan

В любом браузере (хром, мазила, опера, яндекс) наводите курсор на нужную область - жмете правую кнопку мыши и выбираете "исследовать элемент". Экран разделится на 2 части, в одной будет сайт, а в другой стили, которые применяются к вашему элементу. Там же можно удалять и добавлять стили и смотреть изменения в реальном времени  (на сайте они естественно не сохранятся, это так, для наглядности).
Бетон https://beton007.by, bel-arenda.by - аренда техники, оборудования и инструмента
  •  

REDFOXTopic starter

Plan, Если честно, то я думал, что способ был немного другой)) Но и на этом спасибо!)) Понял, в чем я ошибся, у меня вся страница - это одна большая таблица, в этом и была проблема. Еще раз спасибо!))
  •  

Plan

По поводу таблицы я думал вы в курсе)))
Бетон https://beton007.by, bel-arenda.by - аренда техники, оборудования и инструмента
  •  


asdf27

Исходный код:
#tab1 th:first-child, td:first-child {
text-shadow: 0 1px 1px #2D2020;
}


Правильный код:
#tab1 th:first-child, #tab1 td:first-child {
text-shadow: 0 1px 1px #2D2020;
}
  •