Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выделить то, что хочется? / 21 сообщений из 21, страница 1 из 1
28.07.2019, 00:12
    #39842235
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
https://jsfiddle.net/z9xher8g/

почему не выделяет красным и зелёным?
в чём ошибка?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 00:51
    #39842237
miksoft
miksoft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
http://htmlbook.ru/samcss/selektory-atributov

Нет таких тэгов, которые одновременно называются "c" и содержат цифру "3".
Кроме того, в html-коде нет таких элементов, чей класс одновременно содержит цифру "3" и которые являются последними/первыми в своей ветке дерева.

Вот так работает:
https://jsfiddle.net/5doa6une/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 02:12
    #39842242
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
вадя,

ошибка в непонимание базовых правил CSS )

нет же ни одного last-child и first-child с подходящим условием.


miksoftНет таких тэгов, которые одновременно называются "c" и содержат цифру "3".

ещё один. нет и ещё раз нет там такого правила.

в опщем, го читать доку и прибудет счастье.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 02:25
    #39842244
miksoft
miksoft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
hVosttmiksoftНет таких тэгов, которые одновременно называются "c" и содержат цифру "3".

ещё один. нет и ещё раз нет там такого правила.Я криво выразился. Нет тэгов, чьи классы одновременно называются "c" и содержат цифру "3"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 02:37
    #39842245
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
miksoftЯ криво выразился. Нет тэгов, чьи классы одновременно называются "c" и содержат цифру "3"

и всё равно неверно вы трактуете CSS, может таки почитаете доку )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 02:41
    #39842247
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
https://developer.mozilla.org/ru/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 03:01
    #39842251
miksoft
miksoft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
Понял, два селектора через пробел это не "И", как я думал, а "родитель потомок(любой глубины".

А вот как сделать "И" - не нашел.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 03:27
    #39842253
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
miksoftА вот как сделать "И" - не нашел.

.class-1.class-2.class-3

вот так
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 06:16
    #39842255
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
hVostt,
т.е. нельзя?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 06:45
    #39842256
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
поставим задачу иначе
в каждом диве с классом .с надо выделить красным первый див с классом .i3
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 09:25
    #39842261
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
Код: css
1.
2.
.c > .i3 { color: red; }
.c > .i3 ~ .i3 { color: unset; }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 10:16
    #39842266
Дмитрий Мух
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
вадя,

если в твой структуре дивы с классом .i3 идут всегда сразу же после .i1, то

Код: css
1.
2.
3.
.i1 + .i3 {
  color: red;
}



Знаете ли вы селекторы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 12:07
    #39842281
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
Alibek B.
Код: css
1.
2.
.c > .i3 { color: red; }
.c > .i3 ~ .i3 { color: unset; }

так работает
https://jsfiddle.net/wo63ac8x/


усложняю
добавить выделение и последнего дива с классом .i3
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 12:08
    #39842282
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
Дмитрий Мух Знаете ли вы селекторы? уже изучал...
и гуглил...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 17:59
    #39842325
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
ну и по большому - выделение цветом это чисто для демонстрации, в реалии надо другие параметры устанавливать...

неужели нет такого решения?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 20:54
    #39842348
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
вадяпоставим задачу иначе
в каждом диве с классом .с надо выделить красным первый див с классом .i3

наличие в CSS псевдоклассов :first и :last, решали бы твою задачу.
но их

но вообще, применение сложных решений на CSS признаком ума и профессионализма, увы, не являются. скорее этим страдают совсем зелёные джуны и неучи.

исключения, это
1. невозможность повлиять на разметку (чужая), и тогда извращаться
2. инкапсулированные компоненты (шрифтовые иконки, уголки и прочие рюшки)

нужно явно выражать намерения в разметке с помощью генерации HTML классами и тегами.

если хочешь что-то выделить, добавь класс, типа .selected

однако. на jQuery именно твоя кривая задача решается элементарно

очень странно, что ты не любишь jQuery, ведь он как раз очень хорошо заходит для подобных кривых непонятных постановок задач и при полном непонимании как писать и структурировать хороший код
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 20:55
    #39842349
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
hVosttно их

нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2019, 21:31
    #39842357
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
hVosttоднако. на jQuery именно твоя кривая задача решается элементарно


очень странно, что ты не любишь jQuery, ведь он как раз очень хорошо заходит для подобных кривых непонятных постановок задач и при полном непонимании как писать и структурировать хороший кодто что делается на jquery я могу сделать и на чистом js, в этом проблемы нет.
задача стоит познать возможности css3.(помимо достижения практической цели)
hVosttно вообще, применение сложных решений на CSS признаком ума и профессионализма, увы, не являются. скорее этим страдают совсем зелёные джуны и неучи.ты посмотри гриды и прочие красивости из инета и увидишь что ты не прав. там куча сложных решения на css3.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2019, 09:17
    #39842411
Дмитрий Мух
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
вадя,

ты собрался писать гриды и прочие красивости? или что ты будешь делать, познав до конца возможности css3?
мне просто любопытно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2019, 09:36
    #39842417
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
hVosttно вообще, применение сложных решений на CSS признаком ума и профессионализма, увы, не являются. скорее этим страдают совсем зелёные джуны и неучи.
Мне просто интересно.
Если вдруг в CSS4 добавят псевдоклассы :first, :last, :n-th, то специалисты, которые не джуны и неучи, их не будут использовать? Или у них случится выборочная амнезия и использование этих псевдоклассов перестанет быть признаком отсутствия ума и профессионализма?
Эти специалистами такими же словами когда-то говорили, что делать таблицы на CSS это неумно и непрофессионально.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2019, 09:52
    #39842420
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выделить то, что хочется?
Дмитрий Мухты собрался писать гриды и прочие красивости? или что ты будешь делать, познав до конца возможности css3?
мне просто любопытногриды я и так делаю, без проблем, но хочется еще более проще, и чем больше знаешь - тем проще делать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выделить то, что хочется? / 21 сообщений из 21, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 175ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443704]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 52ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 59ms
get tp. blocked users:
 2ms
others: 14ms
total:  175ms
x
x
Закрыть


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