|
|
|
| Никак не могу понять, почему в этом простом коде не выполнятеся указание класса str_menu, устанавливающего очень большой шрифт (см. http://wowa55.pz9.ru/mis17.html)?
<!DOCTYPE html>
<html>
<head>
<title>Vbccbz</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<style>
/* ОЧИЩАЕМ УСТАНОВКИ БРАУЗЕРА ПО УМОЛЧАНИЮ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: inherit;
background: transparent;
font:13px Arial,sans-serif;
}
.clear {position:relative;display:block;clear:both;}
/* ВЕРХНЕЕ МЕНЮ */
.t_menu {margin: 0 auto; padding-top:1.5%; display:table;}
.t_menu ul {display:table-row;}
.t_menu ul li {display:table-cell; width:auto; height:0px; text-align:center; color: #fec414; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:120%; padding: 0 15px 0 15px;}
.t_menu ul li a{color: #F33; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; vertical-align: inherit; font-size:100%; }
.t_menu ul li a:hover {
/* при наведении ссылка становится */
text-decoration: none; /* подчеркнутой */
color: #fec414; /* золотого цвета */
}
.str_menu {font-size:100px; }
</style>
</head>
<body>
<div class="t_menu">
<ul>
<li class="str_menu"><a href="#">Один</a></li>
<li class="str_menu"><a href="#">Два</a></li>
<li class="str_menu">Три</li>
<li class="str_menu"><a href="#">Четыре</a></li>
<li class="str_menu"><a href="#">Пять</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- Конец меню -->
</body>
|
| |
|
|
|
|
|
|
|
для: Владимир55
(18.01.2014 в 15:26)
| | потому что вы задали размер шрифта для тега вот здесь
.t_menu ul li {display:table-cell; width:auto; height:0px; text-align:center; color: #fec414; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:120%; padding: 0 15px 0 15px;}
и приоритет у него выше. вообще, начинать верстать что-либо без инструментов вроде firebug гиблое дело. | |
|
|
|
|
|
|
|
для: psychomc
(18.01.2014 в 15:36)
| | Спасибо, я понял - действительно, такая ситуация может порождаться только различием приоритетов... А откуда проистекает, что у ul li приоритет более высокий? Потому, что это стандартные теги?
(Для контроля я использую сервис Хрома. Этого недостаточно?) | |
|
|
|
|
 103.6 Кб |
|
|
для: Владимир55
(18.01.2014 в 15:45)
| | потому что у любого тега в принципе приоритет выше чем у класса по идее.
оно то может и достаточно, но почему вы этого не увидели сами тогда? ======> | |
|
|
|
|
|
|
|
для: psychomc
(18.01.2014 в 16:20)
| | Навыка не хватило.
Перечеркнуто - а причин не видно... | |
|
|
|
|
|
|
|
для: Владимир55
(18.01.2014 в 16:51)
| | понял. ну просто помните, что если перечеркнуто, значит дело в этом. кажется, это единственная причина, невалидные атрибуты он вроде бы вообще не показывает | |
|
|
|
|