Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Что происходит со стилями? / 8 сообщений из 8, страница 1 из 1
25.09.2017, 13:49
    #39525789
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
site.css
Код: css
1.
2.
3.
4.
5.
.taken {
    background-color: #ff0000;
    width:100%;
    border:0px;
}



Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<link rel="stylesheet" type="text/css" href="/index/css/body.css" />
<link rel="stylesheet" type="text/css" href="/timetable/css/timetable.css" />
<link rel="stylesheet" href="/index/menu/css/bootstrap.min.css" />
 <link rel="stylesheet" href="/index/menu/css/animate.min.css" />
 <link rel="stylesheet" href="/index/menu/css/ionicons.min.css" />
 <link rel="stylesheet" href="/index/menu/css/styles_menu.css" />	
 <link rel="stylesheet" type="text/css" href="/app/css/site.css" />


<input type='text' class='cliFull taken' readonly >



и тем не менее, класс taken переопределяется из body.css
...
Рейтинг: 0 / 0
25.09.2017, 13:52
    #39525795
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
waszkiewiczи тем не менее, класс taken переопределяется из body.css
Значит там у селектора выше приоритет...
...
Рейтинг: 0 / 0
25.09.2017, 13:54
    #39525796
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
хотелось бы разобраться, как это дело победить. Ибо body.css править не могу...
...
Рейтинг: 0 / 0
25.09.2017, 14:06
    #39525807
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
waszkiewiczхотелось бы разобраться, как это дело победить.
Понять чего там в body.css прописали и сделать более приоритетный селектор...
...
Рейтинг: 0 / 0
25.09.2017, 14:06
    #39525808
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
выходит, что input[type=text] имеет больший приоритет чем класс .taken? Как это дело обойти?
...
Рейтинг: 0 / 0
25.09.2017, 14:08
    #39525809
waszkiewicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
там вот такая хрень прописана
Код: css
1.
2.
3.
4.
5.
input[type=text], input[type=password] {
  padding: 10px 10px;
  width: 320px;
  height: 40px;
  color: #D2FF00;
...
Рейтинг: 0 / 0
25.09.2017, 14:08
    #39525812
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
waszkiewicz , вот табличка вычисления приоритета...
http://developer.roman.grinyov.name/blog/68
...
Рейтинг: 0 / 0
25.09.2017, 14:15
    #39525819
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Что происходит со стилями?
waszkiewiczвыходит, что input[type=text] имеет больший приоритет чем класс .taken?
Код: css
1.
input[type=text] {}


Это селектор включает в себя селектор атрибута (10) + селектор элемента (1) = 11
Против 10 у
Код: css
1.
.taken {}



Добей его танцем! (с)
Код: css
1.
input.taken {}


И того будет 11, а каскадность "перебьет" первые 11...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Что происходит со стилями? / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]