Не відкривається перший tab в bootstrap 5

[REDDI]

Добрий вечір. На Bootstrap 3 для відкриття першого tab при завантаженні сторінки використовував:
 

$('#language li:first').tab('show');

Оновив бібліотеку до Bootstrap 5. Намагаюся відкрити так:
 

var languageSelector = document.querySelector('#language li:first');
var tabLanguage = new bootstrap.Tab(languageSelector);

tabLanguage.show();

Помилка:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#language li:first' is not a valid selector.

Дякую за допомогу! 

[PaulKravchenko]

16.04.2024 в 18:16, REDDI сказал:

document.querySelector('#language li:first');

document.querySelector('#language li:first-child a');

?

чи як ви активуєте вкладку без посилання ()?

[REDDI]

В 16.04.2024 в 20:42, PaulKravchenko сказав:

document.querySelector('#language li:first-child a');

?

чи як ви активуєте вкладку без посилання ()?

<ul class="nav nav-tabs" id="language">
	<?php foreach ($languages as $language) { ?>
		<li>
			<a data-bs-toggle="tab" data-bs-target="#language<?php echo $language['language_id']; ?>">
				<img src="language/<?php echo $language['code']; ?>/<?php echo $language['code']; ?>.svg">
				<?php echo $language['name']; ?>
			</a>
		</li>
	<?php } ?>
</ul>

<script>
	var languageSelector = document.querySelector('#language li:first a');
	var tabLanguage = new bootstrap.Tab(languageSelector);
	
	tabLanguage.show();
</script>

Ніяк не працює 

[REDDI]

@PaulKravchenko була помилка в :first-child. ДЯКУЮ! 

[PaulKravchenko]

16.04.2024 в 18:49, REDDI сказал:

була помилка в :first-child

так, вибачте, була, біс поплутав)