Как выбрать элемент в CSS, если мы не знаем его класса или идентификатора

Привет, ребята, как дела?

В этом видео мы увидим, как мы можем изменить стиль, дизайн любой формы или любого другого элемента нашей веб-страницы, если у нас нет идентификатора и класса.

Мы собираемся посмотреть, как это сделать с помощью css, если нам не хватает этих элементов, класса или идентификатора.

Это то, о чем меня спросил студент, и мы собираемся посмотреть, как это можно сделать, мне это кажется очень интересным, и поэтому я хотел показать вам, что это делается очень просто, а также сделать это. мы собираемся использовать справку, и в этом случае мы увидим, что помимо идентификаторов и классов мы можем делать вызовы через атрибуты.

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

В этом случае, если вы понимаете, что у этого ярлыка есть класс, но я не собираюсь его использовать, представьте, что у него не было этого класса, на самом деле это очень просто, если бы я выбрал его и здесь я нажимаю на него. сгенерирует правило уже с написанным классом, но в этом случае я собираюсь удалить класс, потому что я собираюсь представить, что он не существует, поэтому благодаря атрибуту, в данном случае FOR, который является атрибутом, который у нас есть здесь.

Если мы поймем, что атрибут имеет значение input_2_8, если я выберу тег электронной почты, например, мы увидим, что это input_2_2, то есть каждый из этих тегов имеет другое значение, поэтому я могу изменить один, а не остальные.

Как я уже сказал, я собираюсь выбрать тег имени, и мы собираемся создать правило, я не собираюсь использовать этот класс, и что я собираюсь сделать здесь следующее: я открываю квадратные скобки, закрываю квадратные скобки и здесь в середине я добавляю, что когда атрибут for тот же, я открываю и закрываю кавычки, хотя, если бы я этого не делал, это также сработало бы, и я ставлю, что он равен input_2_8 , я собираюсь сказать ему, что я хочу цвет должен быть равен красному, то есть красному.

Итак, обратите внимание, что изменена только эта метка, остальное осталось прежним.

Я смог использовать метку здесь, но с помощью атрибутов мы смогли изменить это, и это также очень интересно, потому что, если мы узнаем здесь в справке, можно сделать что-то еще более полезное.

Я могу представить, что я хочу только изменить цвет или поместить значок, например, когда это ссылка на PDF-файл или когда у него есть определенный URL-адрес, например, как вы можете видеть здесь, чтобы мы могли сделать это, чтобы изменить любой из атрибуты в этом случае Я собираюсь использовать это правило, и вы увидите, как оно работает.

Если я захожу сюда на свою страницу, то мы видим, что у меня есть ссылка, в данном случае у меня есть ссылка, которая находится здесь, и, как видите, у меня нет класса, нет идентификатора этой ссылки, как я могу ее изменить, хорошо заметьте. если я нажму вот так В этом случае, если я сделаю правило только для всех ссылок, все они будут изменены, но я не хочу, чтобы все они были изменены, я хочу только те ссылки, которые, например, , в ссылке написано как сделать страницу.

Например, здесь я могу открыть квадратные скобки и закрыть их. Мне нравится закрывать их в начале, чтобы не забыть, и я прошу, когда присутствует атрибут href, я собираюсь поставить звездочка на нем, как мы видели в справке, для всего, что здесь посередине и я вам это скажу, я пишу открывающая скобка и закрываю ее я ставлю href звездочка так же открываю и закрываю кавычки и вот я Я скажу, например, что можно написать, как сделать страницу, и здесь я скажу, что я хочу, чтобы цвет тоже был, например, красным, и вы видите, что он изменился.

Более того, если я скажу вам здесь изменить ссылки, когда ссылка на то, как сделать страницу, я помещу здесь что-то еще, вы увидите, что это не изменится, потому что там не написано что-то другое вместо этого, если я помещу здесь для пример просто Как сделать страницу это все для работы.

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

Я думаю, что это может избавить нас от многих проблем, поэтому я предлагаю вам этот урок, надеюсь, вам понравилось, увидимся в следующий раз 😉