Что происходит со стилями? / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Что происходит со стилями?

8 сообщений из 8, страница 1 из 1

Что происходит со стилями?

#39525789

waszkiewicz

Участник

Сообщения: 1 095

Рейтинг: 0 / 0

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:49

| Ответить | Цитировать | Написать

Что происходит со стилями?

#39525795

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

waszkiewiczи тем не менее, класс taken переопределяется из body.css
Значит там у селектора выше приоритет...

...

Рейтинг:

0 / 0

25.09.2017, 13:52

| Ответить | Цитировать | Написать

Что происходит со стилями?

#39525796

waszkiewicz

Участник

Сообщения: 1 095

Рейтинг: 0 / 0

хотелось бы разобраться, как это дело победить. Ибо body.css править не могу...

...

Рейтинг:

0 / 0

25.09.2017, 13:54

| Ответить | Цитировать | Написать

Что происходит со стилями?

#39525807

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

waszkiewiczхотелось бы разобраться, как это дело победить.
Понять чего там в body.css прописали и сделать более приоритетный селектор...

...

Рейтинг:

0 / 0

25.09.2017, 14:06

| Ответить | Цитировать | Написать

Что происходит со стилями?

#39525808

waszkiewicz

Участник

Сообщения: 1 095

Рейтинг: 0 / 0

выходит, что input[type=text] имеет больший приоритет чем класс .taken? Как это дело обойти?

...

Рейтинг:

0 / 0

25.09.2017, 14:06

| Ответить | Цитировать | Написать

Что происходит со стилями?

#39525809

waszkiewicz

Участник

Сообщения: 1 095

Рейтинг: 0 / 0

там вот такая хрень прописана

Код: 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

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

waszkiewicz , вот табличка вычисления приоритета...
http://developer.roman.grinyov.name/blog/68

...

Рейтинг:

0 / 0

25.09.2017, 14:08

| Ответить | Цитировать | Написать

Что происходит со стилями?

#39525819

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

waszkiewiczвыходит, что input[type=text] имеет больший приоритет чем класс .taken?

Код: css

input[type=text] {}

Это селектор включает в себя селектор атрибута (10) + селектор элемента (1) = 11
Против 10 у

Код: css

.taken {}

Добей его танцем! (с)

Код: css

input.taken {}

И того будет 11, а каскадность "перебьет" первые 11...

...

Рейтинг:

0 / 0

25.09.2017, 14:15

| Ответить | Цитировать | Написать

8 сообщений из 8, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Что происходит со стилями?

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=39525789&tid=1444456]:	0ms
get settings:	8ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	165ms
get topic data:	11ms
get forum data:	2ms
get page messages:	53ms
get tp. blocked users:	2ms
others:	248ms

total:	509ms