获取页面上的元素数据

Question

如果我在特定网站上有这样的对象：

<div class="header">
    <h1>Welcome to the site</h1>
    <p>Foo bar baz spam</p>
</div>

有没有办法让我的网站上的元素显示该类的第一个div的内容？

例如，在https://stackoverflow.com上，页面顶部附近有一个“-container”类的div。

<header class="top-bar js-top-bar _fixed">
    <div class="-container">
        <div class="-main">

                <a href="https://stackoverflow.com" class="-logo js-gps-track"
                   data-gps-track="top_nav.click({is_current:true, location:1, destination:8})">
                    <span class="-img _glyph">Stack Overflow</span>
                </a>



         <!-- More data follows -->

所以，在我的网站上，假设我有一个特殊元素，其中某个类指定了要从中提取的网站和类。 HTML将如下所示：

<div class="mySpecialClass">
    <div class="-main">

                    <a href="https://stackoverflow.com" class="-logo js-gps-track"
                       data-gps-track="top_nav.click({is_current:true, location:1, destination:8})">
                        <span class="-img _glyph">Stack Overflow</span>
                    </a>



             <!-- More data follows -->


</div>

有没有办法用HTML，CSS，PHP或类似方法做到这一点？