Html 如何使用CSS仅选择具有7个外部元素的第一个元素

Html 如何使用CSS仅选择具有7个外部元素的第一个元素,html,css,Html,Css,我只想选择第一个a标记,但不确定如何选择。我尝试了第一个child和第一个of type,但是所有的a元素都被选中了。因为它有许多外部元素,这可能吗?谢谢 <section class="contact"> <div class="container"> <h1 class="heading">contact</h1> <div class="row">

我只想选择第一个a标记,但不确定如何选择。我尝试了第一个child和第一个of type,但是所有的a元素都被选中了。因为它有许多外部元素,这可能吗?谢谢

    <section class="contact">
        <div class="container">
            <h1 class="heading">contact</h1>
            <div class="row">
                <div class="text">
                    <div>
                        <i class="iconLocation"></i>
                        <div>
                            <h3>Location</h3>
<!--                           this is the a tag i want to select-->
                            <p>dfadsf<a href="#">this is the p i want to select</a></p>
                        </div>
                    </div>
                    <div>
                        <i class="iconPhone"></i>
                        <div>
                            <h3>Phone</h3>
                            <p>dfasdf<a href="tel:1111">1111</a></p>
                        </div>
                    </div>
                    <div>
                        <i class="iconEnvelope"></i>
                        <div>
                            <h3>Email</h3>
                            <p>fdadfas<a href="#">djfakljsdf@gmail.com</a></p>
                        </div>
                    </div>
                    <div>
                        <i class="iconClock"></i>
                        <div>
                            <h3>Hours</h3>
                            <p>Monday - Friday: 8AM - 8PM</p>
                            <p>Saturday and Sunday: 4AM - 8PM</p>
                        </div>
                    </div>
                </div>
                <div class="image">
                    <img src="">
                </div>
            </div>
        </div>
    </section>

问题在于目标标签的祖父母;这是一个兄弟姐妹通用的。因此,您需要将伪选择器链接到此位置,并向下导航到。您只需要.text div:div p类型中的第一个就可以实现这一点,尽管您可能需要以下内容,这还利用了for增加:

.contact>.container>.row>.text>div:type>div>p的第一个{ 颜色:红色; } 联系 地方 dfadsf

电话 dfasdf

电子邮件 fdadfas

小时 星期一至星期五:上午8时至下午8时

星期六及星期日:上午四时至晚上八时


我只想选择标记文档的第一个元素。getElementsByTagName'a'[0]需要选择的元素是什么?您可以添加一个额外的类来标识它。@takendarkk-这个问题没有标记为JavaScript,而是标记为CSS。另外,他的目标是,而不是。我知道我可以很容易地添加一个类,但是在没有使用css的类的情况下可以选择它吗?