Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Приоритет свойства стиля / 17 сообщений из 17, страница 1 из 1
17.11.2011, 14:11
    #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, 16:00
    #37531790
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Приоритет свойства стиля
Вам недостаточно выдачи браузера?

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

влияет порядок расположения правил в css, но не порядок перечисления классов в class="item active"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2011, 00:00
    #37532571
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Приоритет свойства стиля
Яростный МечAntonariyid (если на странице несколько тегов с одним id, то getElementById вернет последний)FF7, Хром 15 - вернули первый.
Antonariyперечисления классовэто что?Это гонево, mea culpa.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.11.2011, 09:48
    #37532824
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Приоритет свойства стиля
spider13эту статью я читал....но для данной ситуации как ее применить?
Значит почитай еще раз про каскадность. Это есть в первых ссылках по тому запросу в Яндексе.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
22.08.2013, 10:28
    #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:35
    #38374201
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Приоритет свойства стиля
#nav ul.uMainNav li.submenu
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.08.2013, 16:29
    #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:53
    #38375000
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Приоритет свойства стиля
krvsa,

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

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

Так же проверь перебъют ли 11 классов селектор идентификатора...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.08.2013, 18:58
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Приоритет свойства стиля / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 475ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447976]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 152ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 234ms
total:  475ms
x
x
Закрыть


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