ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Приоритет свойства стиля
17 сообщений из 17, страница 1 из 1
Приоритет свойства стиля
    #37531508
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
Подсажите, где можно было бы почитать о приоритете, в котором применяются свойства для селекторов?

У меня такая ситуация

css:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
...
.item {
}

.item a {
  color: red;
}

.active {
}

.active a {
  color: green;
}
...

html:
Код: plaintext
1.
2.
3.
...
<div class="item active"><a href="#">Ссылка  1 </a></div>
...

В броузере я проверил, что будет применено сначала .item a а потом .active, но где бы в правилах это почитать? Нормальных статей я найти не могу
...
Рейтинг: 0 / 0
17.11.2011, 14:11
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37531790
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Вам недостаточно выдачи браузера?

В html приоритет имеет последнее написанное. Это касается всего: стилей, id (если на странице несколько тегов с одним id, то getElementById вернет последний), перечисления классов и т.д.
...
Рейтинг: 0 / 0
17.11.2011, 16:00
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37531813
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Antonariyid (если на странице несколько тегов с одним id, то getElementById вернет последний)FF7, Хром 15 - вернули первый.
Antonariyперечисления классовэто что?
...
Рейтинг: 0 / 0
17.11.2011, 16:07
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37531839
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
spider13где бы в правилах это почитать? Нормальных статей я найти не могу
Да брось...
Третья ссылка в Яндексе по запросу самое то.
http://www.anarion.info/article/html-css-priority.php
...
Рейтинг: 0 / 0
17.11.2011, 16:17
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37531844
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsaspider13где бы в правилах это почитать? Нормальных статей я найти не могу
Да брось...
Третья ссылка в Яндексе по запросу самое то.
http://www.anarion.info/article/html-css-priority.php кстати, а нашлепки типа :hover по весу считаются как классы (10)?
...
Рейтинг: 0 / 0
17.11.2011, 16:20
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37532254
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Яростный Меча нашлепки типа :hover по весу считаются как классы (10)?
Думаю что так. Они ведь так и называются "псевдоклассы"...
...
Рейтинг: 0 / 0
17.11.2011, 19:50
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37532422
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
spider13
Участник
эту статью я читал....но для данной ситуации как ее применить?
...
Рейтинг: 0 / 0
17.11.2011, 21:58
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37532450
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
spider13но для данной ситуации как ее применить? в данной ситуации .item a и .active a равносильны, потому будет учтено последнее правило (которое active).

влияет порядок расположения правил в css, но не порядок перечисления классов в class="item active"
...
Рейтинг: 0 / 0
17.11.2011, 22:24
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37532571
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Яростный МечAntonariyid (если на странице несколько тегов с одним id, то getElementById вернет последний)FF7, Хром 15 - вернули первый.
Antonariyперечисления классовэто что?Это гонево, mea culpa.
...
Рейтинг: 0 / 0
18.11.2011, 00:00
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #37532824
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
spider13эту статью я читал....но для данной ситуации как ее применить?
Значит почитай еще раз про каскадность. Это есть в первых ссылках по тому запросу в Яндексе.
...
Рейтинг: 0 / 0
18.11.2011, 09:48
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Приоритет свойства стиля
    #38374198
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
У меня есть css файл с:
Код: css
1.
2.
3.
4.
header#uHeader nav ul.uMainNav li {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    float: left;}



И стиль прописанный в странице.
Код: css
1.
2.
3.
4.
#nav li.submenu {
float: none;
margin-right: 10px;
display: block;}


Который должен иметь приоритет выше, но почему-то используются настройки из css, почему? Пришлось писать style непосредственно в объекты.
...
Рейтинг: 0 / 0
22.08.2013, 10:28
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #38374201
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
#nav ul.uMainNav li.submenu
...
Рейтинг: 0 / 0
22.08.2013, 10:35
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #38374956
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
GustlyКоторый должен иметь приоритет выше, но почему-то используются настройки из css, почему?
Опять эта связка "должен иметь" и "почему-то не имеет"...
Неимеет - значит и не должен!
Нужно четко понимать как формируется тот приоритет и не сочинять его самому...
Вот несколько статей на эту тему...
http://seodon.ru/css/prioritety-stilej.php
http://sizz.name/1888-prioritet-stilej-v-css
http://dnzl.ru/view_post.php?id=12
...
Рейтинг: 0 / 0
22.08.2013, 16:29
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #38375000
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
krvsa,

А есть какой-нибудь метод в JS чтобы уровень определить? И что будет если CSS уровень перевалит за 1000, локально указанный в теге перестанет работать?
...
Рейтинг: 0 / 0
22.08.2013, 16:53
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #38375188
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
GustlyА есть какой-нибудь метод в JS чтобы уровень определить?
Уровень определеяе не JS... Это делает браузер.
Я не встречал таких "методов" в JS... Да и надобности в этом небыло...

GustlyИ что будет если CSS уровень перевалит за 1000, локально указанный в теге перестанет работать?
Не перестанет...
Да и о "переваливании" не стоит беспокоиться.
...
Рейтинг: 0 / 0
22.08.2013, 18:44
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #38375190
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
GustlyИ что будет если CSS уровень перевалит за 1000, локально указанный в теге перестанет работать?
Т.е. есть ситуации в которых элемент имеет 101 класс одновременно?
Таки проверь - узнаем что будет.

Так же проверь перебъют ли 11 классов селектор идентификатора...
...
Рейтинг: 0 / 0
22.08.2013, 18:50
| Ответить | Цитировать | Написать  
Приоритет свойства стиля
    #38375196
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
krvsaДа и о "переваливании" не стоит беспокоиться.
Так и есть.
Смотрел в Опере - все работает как надо.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
div {
	color: #ffffff;
}
.q.w.e.r.t.y.u.i.o.p.a.s.d.f {
	background-color: red;
}
#test {
	background-color: green;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='test' class='q w e r t y u i o p a s d f'>test</div>
</body>
</html>
...
Рейтинг: 0 / 0
22.08.2013, 18:58
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Приоритет свойства стиля
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=122&tid=1447976]:
 0ms
get settings:
 8ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 47ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 194ms
total:  310ms
созд. / загр.: 310ms
x
x
Закрыть


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