Как правильно выбрать первый блок через псевдоэлементы nth-child/nth-of-type?

Question

[Vladimir Kalaganov]

Пытаюсь выбрать элемент первый по типу используя псевдоэлементы nth-of-type, но не могу понять почему выбираются все элементы? И как правильно написать? Буду рад советам)

CSS

.popast-na-urok .et_pb_blurb_content:nth-of-type(1) .et_pb_main_blurb_image:before{
    content:"1";
}

HTML

<div class="popast-na-urok">
				<div class="et_pb_column et_pb_column_1_4 et_pb_column_58    et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_18 et_pb_bg_layout_light  et_pb_text_align_left  et_pb_blurb_position_left">
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-pb-icon et-waypoint et_pb_animation_off divi_elegant-themes_icon_gtm et-animated" data-family="elegant-themes"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header">Вы оставляете заявку на этой странице.</h4>
						<div class="et_pb_blurb_description">
							
						</div><!-- .et_pb_blurb_description -->
					</div>
				</div> <!-- .et_pb_blurb_content -->
			</div> <!-- .et_pb_blurb -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_4 et_pb_column_59    et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_19 et_pb_bg_layout_light  et_pb_text_align_left  et_pb_blurb_position_left">
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><img src="https://i0.wp.com/pikcha.pw/wp-content/uploads/2018/03/шаг-2.png?w=1080&amp;ssl=1" alt="" class="et-waypoint et_pb_animation_top jetpack-lazy-image et-animated jetpack-lazy-image--handled" data-recalc-dims="1" data-lazy-loaded="1"><noscript><img src="https://i0.wp.com/pikcha.pw/wp-content/uploads/2018/03/шаг-2.png?w=1080&#038;ssl=1" alt="" class="et-waypoint et_pb_animation_top" data-recalc-dims="1" /></noscript></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header">Мы перезваниваем и записываем вас на урок.</h4>
						<div class="et_pb_blurb_description">
							
						</div><!-- .et_pb_blurb_description -->
					</div>
				</div> <!-- .et_pb_blurb_content -->
			</div> <!-- .et_pb_blurb -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_4 et_pb_column_60    et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_20 et_pb_bg_layout_light  et_pb_text_align_left  et_pb_blurb_position_left">
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><img src="https://i0.wp.com/pikcha.pw/wp-content/uploads/2018/03/шаг-3.png?w=1080&amp;ssl=1" alt="" class="et-waypoint et_pb_animation_top jetpack-lazy-image et-animated jetpack-lazy-image--handled" data-recalc-dims="1" data-lazy-loaded="1"><noscript><img src="https://i0.wp.com/pikcha.pw/wp-content/uploads/2018/03/шаг-3.png?w=1080&#038;ssl=1" alt="" class="et-waypoint et_pb_animation_top" data-recalc-dims="1" /></noscript></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header">Вы приходите в нашу студию и учитесь.</h4>
						<div class="et_pb_blurb_description">
							
						</div><!-- .et_pb_blurb_description -->
					</div>
				</div> <!-- .et_pb_blurb_content -->
			</div> <!-- .et_pb_blurb -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_4 et_pb_column_61    et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_21 et_pb_bg_layout_light  et_pb_text_align_left  et_pb_blurb_position_left">
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><img src="https://i2.wp.com/pikcha.pw/wp-content/uploads/2018/03/шаг-4-1.png?w=1080&amp;ssl=1" alt="" class="et-waypoint et_pb_animation_top jetpack-lazy-image et-animated jetpack-lazy-image--handled" data-recalc-dims="1" data-lazy-loaded="1"><noscript><img src="https://i2.wp.com/pikcha.pw/wp-content/uploads/2018/03/шаг-4-1.png?w=1080&#038;ssl=1" alt="" class="et-waypoint et_pb_animation_top" data-recalc-dims="1" /></noscript></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header">Забираете с собой сделанные фото и кучу полезных знаний.</h4>
						<div class="et_pb_blurb_description">
							
						</div><!-- .et_pb_blurb_description -->
					</div>
				</div> <!-- .et_pb_blurb_content -->
			</div> <!-- .et_pb_blurb -->
			</div> <!-- .et_pb_column -->
				
				
			</div>

Answer 1

[Максим]

точку пропустили ...

Comments

[Vladimir Kalaganov]

Опечатался при написании вопроса, в коде указываю так, но не помогает :(

.popast-na-urok .et_pb_blurb_content:nth-of-type(1) .et_pb_main_blurb_image:before{
    content:"1";
}

Выбирает зараза все элементы)