Блог

У меня есть цикл в блоггере, который выбирает последние 5 сообщений. Я хочу применить другой css к первому из этих последних 5 постов и другой css к остальным 4 постам.

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

Вот сценарий;

 let postCount = 5;
    
     function funcrct(JSON) {
            const POSTS = JSON.feed.entry;
            let postTitle, postUrl = "";
            let rpc = document.querySelector(".postList");
            for (let i = 0; i < postCount; i  ) {
                POSTS[i].link.forEach((el, i) => {
                    if (el.rel === "alternate") {
                        postTitle = el.title;
                        postUrl = el.href;
                    }
                })
        
                let thumbnail = POSTS[i].content.$t.match(/(http)?s?:?(//[^"']*.(?:webp))/)[0];
        
                rpc.innerHTML  = `<li>
        <a href="${postUrl}"><figure>       
        <img src="${thumbnail}" alt="${postTitle}"/>
        <figcaption>
        ${postTitle}</figcaption></figure></a>
        </li>`;
            }
        }
        
        var url = document.location.origin;
        var fsrc = document.createElement("script");
        fsrc.src = `${url}/feeds/posts/default?alt=json-in-scriptamp;start-index=1amp;max-results=${postCount}amp;callback=funcrct`;
        
        
        document.body.appendChild(fsrc);
 

HTML

 <div><ul class='postList'></ul></div>