Есть несколько способов выделить определенный пост на странице:
1. Использовать CSS: добавить специальный класс или id к посту, который вы хотите выделить, и применить к нему стили CSS, например, изменить цвет фона или текста.
Пример:
```html
<div class="post-highlighted" id="post-123">
<!-- содержимое поста -->
</div>
<style>
.post-highlighted {
background-color: yellow;
color: black;
}
</style>
```
2. Использовать JavaScript: при загрузке страницы или при нажатии на определенную кнопку скрипт может добавить или изменить стили у выбранного поста.
Пример:
```html
<div class="post" id="post-123">
<!-- содержимое поста -->
</div>
<button onclick="highlightPost()">Выделить пост</button>
<script>
function highlightPost() {
const postId = document.getElementById("post-123");
postId.style.backgroundColor = "yellow";
postId.style.color = "black";
}
</script>
```
Чтобы вывести на страницу определенный пост, используя его id, просто сделайте запрос к базе данных или другому источнику данных, получите информацию о посте по его id и выведите ее на странице. Например, если у вас есть массив объектов с постами, вы можете найти и вывести нужный пост следующим образом:
```javascript
const posts = [
{ id: 1, title: "Первый пост", content: "Содержимое первого поста" },
{ id: 2, title: "Второй пост", content: "Содержимое второго поста" }
];
const postId = 2;
const selectedPost = posts.find(post => post.id === postId);
document.getElementById("post-container").innerHTML = `
<h2>${selectedPost.title}</h2>
<p>${selectedPost.content}</p>
`;
```
Этот код найдет пост с id равным 2, получит его данные и выведет их на странице внутри элемента с id "post-container".