powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выделить то, что хочется?
21 сообщений из 21, страница 1 из 1
Как выделить то, что хочется?
    #39842235
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
https://jsfiddle.net/z9xher8g/

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

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

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

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

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


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

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

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

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

и всё равно неверно вы трактуете CSS, может таки почитаете доку )
...
Рейтинг: 0 / 0
Как выделить то, что хочется?
    #39842247
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Как выделить то, что хочется?
    #39842251
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Понял, два селектора через пробел это не "И", как я думал, а "родитель потомок(любой глубины".

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

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

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

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

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



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

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


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

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

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

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

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

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

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

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

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

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


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

ты собрался писать гриды и прочие красивости? или что ты будешь делать, познав до конца возможности css3?
мне просто любопытно
...
Рейтинг: 0 / 0
Как выделить то, что хочется?
    #39842417
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttно вообще, применение сложных решений на CSS признаком ума и профессионализма, увы, не являются. скорее этим страдают совсем зелёные джуны и неучи.
Мне просто интересно.
Если вдруг в CSS4 добавят псевдоклассы :first, :last, :n-th, то специалисты, которые не джуны и неучи, их не будут использовать? Или у них случится выборочная амнезия и использование этих псевдоклассов перестанет быть признаком отсутствия ума и профессионализма?
Эти специалистами такими же словами когда-то говорили, что делать таблицы на CSS это неумно и непрофессионально.
...
Рейтинг: 0 / 0
Как выделить то, что хочется?
    #39842420
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий Мухты собрался писать гриды и прочие красивости? или что ты будешь делать, познав до конца возможности css3?
мне просто любопытногриды я и так делаю, без проблем, но хочется еще более проще, и чем больше знаешь - тем проще делать.
...
Рейтинг: 0 / 0
21 сообщений из 21, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выделить то, что хочется?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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