Я занимаюсь созданием веб-сайта, который необходимо просматривать на мобильных устройствах. Когда вы просматриваете его в сафари на iphone 4s, он выглядит великолепно. Если я просмотрю его на одном устройстве, ни один из стилей для списка навигации не появится. В результате он выглядит как основные html-ссылки. Ссылки, о которых идет речь, Va Leadership, Nursing and Anesthesiology staffстиль списка не отображается на chrome iOS
Bellow - это ссылка на сайт live dev, а также CSS.
ссылка: http://xeroproject.com/sqwm/category/resources/
CSS:
#leftNav{
max-width:402px;
}
#leftNav ul li a {
list-style-type: none !important;
width:100%;
text-decoration:none;
font-weight:bold;
font-size:24px;
color:#FFF;
}
#leftNav ul a:hover {
color:#85b6ce;
}
#leftNav ul li:nth-child(odd){
padding:10px;
margin-bottom:5px;
background: #0b5a42 url('images/arrow_dark.jpg') no-repeat right;
}
#leftNav ul li:nth-child(even){
padding:10px;
margin-bottom:5px;
background: #688879 url('images/arrow_light.jpg') no-repeat right;
}