Псевдокласс first-child в CSS используется для выбора первого элемента в контейнере. При этом конкретный тип элемента не учитывается, значение имеет лишь его позиция относительно родителя. Существуют некоторые тонкости в работе этого селектора, которые необходимо понимать для правильного использования.

CSS-псевдоклассы

Наряду с идентификаторами, классами, тегами и атрибутами псевдоклассы являются одним из видов CSS-селекторов. Их особенность в том, что они не могут быть установлены непосредственно в HTML.

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

Наличие в CSS подобного механизма позволяет определять оформление, не привязанное к HTML-коду, что открывает большие возможности для дизайна.

Выбор первого элемента

Псевдокласс first-child в CSS отвечает за выбор самого первого элемента в родительском контейнере. Текстовые узлы при этом игнорируются, в счет идут только полноценные теги.

Найдем первые элементы в двух простых HTML-структурах.

• Первый пункт
• Второй пункт
• Третий пункт

Есть только два способа прожить жизнь. Первый - будто чудес не существует. Второй - будто кругом одни чудеса. Альберт Эйнштейн

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

Синтаксис

Все псевдоклассы в CSS определяются по определенному шаблону. Сначала указывается основной селектор, затем искомый псевдокласс, отделенный двоеточием.

B:first-child { text-decoration: underline; }

Такое правило подчеркнет текст первого элемента b внутри каждого контейнера.

• Все хотят изменить мир сам. Лев Толстой
• Тот, кто умеет, тот делает, кто не умеет - тот учит других. Бернард Шоу

На скриншоте очевидно, что выделились только элементы, соответствующие одновременно селектору тега b и селектору псевдокласса:first-child. Стиль был применен внутри каждого контейнера, в данном случае внутри всех пунктов списка.

Помимо тега, в качестве основного можно использовать любой другой селектор CSS, например:

Class:first-child {} :first-child {} *:first-child {}

Типичные ошибки

Псевдокласс первого элемента first-child в CSS выбирает строго тег, находящийся на первом месте в родительском контейнере. Даже если элемент полностью соответствует селектору, но не является первым потомком, он не будет выбран.

Для примера возьмем предыдущий список цитат и перенесем авторов в начало.

• Лев Толстой Все хотят изменить мир, но никто не хочет измениться сам.
• Бернард Шоу Тот, кто умеет, тот делает, кто не умеет - тот учит других.

Несмотря на то что селектор элемента остался прежним, CSS-стиль не применился, так как первым элементом в контейнере теперь является i.

Еще одной ошибкой является игнорирование Это такой же HTML-элемент, как и прочие. Если он окажется в контейнере перед искомым блоком, то селектор CSS first-child не сработает.

Учет типа элемента

Чтобы избежать подобных ситуаций, можно использовать псевдокласс first-of-type. Он работает так же, как селектор CSS first-child, но учитывает тип элемента.

B:first-of-type { text-decoration: underline; }

Теперь при подсчете учитываются только элементы, соответствующие селектору b.

Выбор последнего элемента

Существует также псевдокласс last-child, который работает аналогично селектору CSS first-child, но начинает счет элементов с конца контейнера.

Статья о каналах предназначена для начинающих работать в фотошопе.

Понятие «выделение » является основополагающим в Photoshop . Чтобы вы ни де­лали, выделение всегда сопровождает вас, ограничивая действия инструментов или область пикселов для дальнейшей работы.

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

Подобные публикации:

• Как выделить объект в фотошопе
  

{smooth-scroll-top}

Что такое выделение?

Выделение в Photoshop является чуть не основной операцией, от которой зависит результат работы. Что же такое выделение?

Выделение - это область ограничения действия инструментов и команд.

Выделение - это ограничение области пикселов для дальнейшей работы (напри­мер, копирования на новый слой, перемещения в другой файл).

Самые простые инструменты выделения представлены ниже:

Как снять выделение?

Самый простой способ - щелчком по изображению (при активном инструмен­те выделения), но это неправильно, т. к. случайно могут быть выделены два пиксела, и ваши инструменты «перестанут работать».

Правильно снимать выделение командой главного меню Select | Deselect (Выде­ление | Отменить выделение ). Запомните быстрые клавиши для вызова команды - +.

Клавиши-модификаторы при создании выделения

При использовании простейших инструментов выделения - Elliptical Marquee (Овальная область ), Rectangular Marquee (Прямоугольная область ), полезно знать клавиши-модификаторы, которые влияют на форму и место создания выделения.

Если активизировать инструмент Rectangular Marquee (Прямоугольная область ) и нажать кнопку мыши и начать перетаскивать, то выделение создается и изменяется по форме, пока не отпущена мышь.

, выделение будет пропорциональным.

Если, не отпуская кнопку мыши в процессе создания выделения, нажать клавишу , выделение будет создаваться из центра.

Если, не отпуская кнопку мыши в процессе создания выделения, нажать клавиши +. то выделение будет пропорциональным и создаваться из центра.

Следует также отметить, что в процессе выделения вы можете перемещать область выделения, удерживая клавишу <Пробел >. (Если выделение уже создано, то нажатый <Пробел> вызывает инструмент Hand (Рука ).)

Комбинирование выделения

Если выделение уже создано, назначение клавиш-модификаторов для выполнения операций изменяется.

Использование клавиш-модификаторов предоставляет возможность комбинирова­ния форм выделения в сочетании с заданием пропорций и местом построения выделе­ния, в зависимости от времени нажатия клавиш-модификаторов.

Общие свойства инструментов выделения

Кнопки режимов

Если сравнить панели параметров различных инструментов выделения, то можно обнаружить много общего. Первые четыре кнопки рядом со значком ин­струмента задают различные режимы комбинирования.

По умолчанию нажата первая кнопка New Selection (Новая выделенная область ). Новое выделение при этом режиме заменяет старое. Вторая кнопка включает режим суммирования; третья - вычитания; четвертая - пересечения. Рекомендуется исполь­зовать в работе быстрые клавиши вызова этих режимов, а не нажатие кнопок. Кнопку нажмете - потом забудете, что нажали, а клавиши - надежно и быстро.

Примечание

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

Растушевка (Feather)

В панели параметров инструментов выделения присутствует поле Feather (Расту­шевка ). По умолчанию его значение равно 0, т. е. вы создаете выделение с четкой границей, а не растушеванное. Это правильно. Вы можете впоследствии создать рас­тушевку специальной командой главного меню Select | Modify | Feather (Выделение | Модификация | Растушевка ), указав в диалоговом окне радиус размытия. Растушевка сама по себе не видна, результат ее применения можно увидеть только после выполнения различных опера­ций с выделенной областью.

Использование растушевки дает плавный переход в прозрачность краев изображе­ния (как растушеванные кисти - цвет плавно сходит на нет).

Если же в процессе создания вы задали растушеванное выделение, то сделать из него четкое невозможно!

Сглаживание

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

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

Как отменить действие, выделение в фотошоп? Таким вопросом задаются все кто только осваивает программу Adobe Photoshop. При работе с графикой часто приходится отменять совершенное действие или выделение. Не понравился совершенный результат или решили сделать по другому. Рисуя карандашом или красками по холсту этого сделать нет возможности. В в мире цифровой графики отменить последние действия обязательная опция любой программы. Кроме того в фотошоп можно отменить не только последнее действие, но и посмотреть всю историю проделанных изменений.

Как отменить действие в фотошоп.

Сочетание клавиш Ctrl+Z отменяют последнее действие, и происходит это только один раз. Это практично, потому что файлы Photoshop имеют большой размер, а поддержка многократной отмены шагов влияет на потребление ресурсов компьютера, что ведет к снижению производительности. Если вы повторно нажмете сочетание клавиш Ctrl+Z , программа Photoshop повторно выполнит отмененное действие. В панели меню эта команда располагается в Редактирование — отменить .

Чтоб отменить изменения на один шаг назад применяйте сочетание клавиш Ctrl+Alt+Z , соответственно если надо отменить несколько последних изменений можно нажать эту комбинацию клавиш несколько раз. В панели меню эта команда располагается в Редактирование — шаг назад .

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

Выглядит она вот так:

Тут записываются все действия, которые вы совершили над изображением. Выделенный пункт соответствует текущему состоянию проекта.

Как отменить выделение в фотошоп.

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

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

Четыре способа, как снять выделение в Фотошоп. А так же как убрать или добавить часть выделения.

1. Самый простой и быстрый способ убрать выделение – нажать горячие клавиши Ctrl +D.

2. Не менее удобный вариант – просто щелкнуть левой кнопкой мыши в любой точке изображения. Но это сработает только в том случае, если в тот момент выбран какой-то из инструментов выделения или . Инструментом «Быстрое выделение» следует щелкать внутри выделенной области, не за ее пределами. Еще важное условие – должен быть включен режим Новое выделение / New selection/

3. Любым инструментом выделения щелкнуть правой кнопкой мыши внутри выделенной области и в появившемся списке выбрать «Отменить». Будьте внимательны – эта опция в списке может располагаться в разных местах:

Зайти в меню Выделение→Отменить.

Вышеописанные способы снимают полностью все штрих-пунктирные обозначения, которые находятся на изображении. Чтобы удалить и добавить какую-то часть или одно из нескольких обводок – используют кнопки режима.

Они работают аналогично для всех инструментов, причем неважно, каким из них Вы делали обводку.

Например, выделено два квадратных объекта инструментом «Прямоугольная область». Задача – снять обводку маленького квадрата и белой части большого квадрата.

Берем тот же инструмент «Прямоугольная область», устанавливаем режим «Вычитание из выделенной области» /Subtract from selection/ и обводим маленький квадрат, захватывая фон.

Пунктирное обозначение области отменится. Для контура белой фигуры лучше выбрать инструмент «Овальная область» или «Лассо». Активируйте тот же режим «Вычитание из выделенной области» и сделайте обводку, выходя за границы детали как на рисунке.

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

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

Перед рассказом о том, как в "Фотошопе" снять выделение, стоит сказать, что способов существует очень много, и все они рассмотрены не будут. В статье будут предоставлены вашему вниманию наиболее популярные методы. И конечно же, рекомендуется прочесть статью до конца, чтобы выбрать метод для себя. А в заключении мы поговорим о нюансах, с которыми вы можете столкнуться.

Снятие выделения

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

Способ 1: горячие клавиши

Самым простым и быстрым по праву считается метод, который подразумевает использование горячих клавиш. Это очень удобно, ведь таким образом у вас получится снять выделение за несколько секунд, не используя даже мышки. Для снятия нажмите CTRL+D.

Способ 2: использование мыши

Если комбинацию клавиш вы никак не можете запомнить или же возникли какие-то другие проблемы, то снять выделение можно также и с помощью мыши. Для этого просто нажмите левую кнопку за границами выделения (в любом месте). Однако стоит оговориться, ведь если для выделения объекта вы использовали "Быстрое выделение", то снять его можно лишь по нажатии ЛКМ внутри него. Обратите внимание также на то, что функция инструмента должна быть "Новое выделение".

Способ 3: через контекстное меню

Если вы запутались во всех нюансах предыдущего метода, то третий способ, как в "Фотошопе" снять выделение, вам точно подойдет. Для его реализации вам необходимо нажать внутри выделенной области правую кнопку мыши (ПКМ) и в контекстном меню выбрать пункт "Отменить выделение". Но и здесь не обошлось без нюансов. Дело в том, что при использовании различных инструментов программы данный пункт меню может менять свои позиции, однако он там сто процентов будет.

Способ 4: через раздел "Выделение"

Последний, четвертый способ заключается в том, что вам необходимо будет войти в раздел "Выделение". Его вы можете отыскать на верхней панели программы. Нажмите на эту кнопку, перед вами развернется меню, в котором для снятия выделения вам необходимо нажать соответствующий пункт - "Отменить выделение". Как можно заметить, именно он имеет горячие клавиши CTRL+D.

Нюансы

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

Первый нюанс возникает в том случае, если вы использовали инструмент "Волшебная палочка" или "Лассо". Выделив область с их помощью, вы не сможете задействовать второй способ, вы просто сделаете новое выделение.

Так, даже зная все методы, как снять выделение в "Фотошопе", вы не сможете это сделать, если работа с ним не разрешена.