Question

我想选择＆＃34;活跃＆＃34;的下一个锚元素。 class，在下面的例子中我想选择元素export class Location { name: string; tone: string; owner: string; rooms: Array < any > ; constructor( public auth: AuthProvider ) { this.setDefault(); } setDefault() { this.name = ''; this.tone = 'default'; this.owner = this.auth.auth.auth.currentUser.uid; this.rooms = []; } getInstance(){ //how to return instance of the class value } setName(){ this.name = "Demo"; } getName(){ return this.name; } }是否可以通过类<a href="/home?page=2"> 2 </a>？

.active

注意：请注意＆＃34;有效＆＃34; class被赋予anchor元素

Answer 1

通过使用adjacent sibling selector，您可以访问特定元素之后的下一个元素。所以在你的例子中，它是

    .active + li a {
     color: red;
     }

最重要的是，将.active类移到<li>标记中，如下所示：

<ul class="pagination">
 <li  class="active"><a href="/home?page=1"> 1 </a></li>
 <li><a href="/home?page=2"> 2 </a></li>
 <li><a href="/home?page=3"> 3 </a></li>               
</ul>

父元素兄弟的子元素的CSS选择器

1 个答案: