How to use preceding sibling in xpath
<p>Here i want to Accept button. Here is the HTML.</p>

<pre><code>&lt;div class="friend-request no-pad ng-scope" ng-if="notifications.friendInvites.length &gt; 0"&gt;
&lt;p class="rem-head mzero small"&gt;
&lt;div class="reminder-lst lst-box ng-scope" ng-repeat="friendInvite in notifications.friendInvites | limitTo:limit"&gt;
&lt;span class="img-frame img-circle"&gt;
&lt;span class="pull-left rem-detail-a"&gt;
&lt;a class="pull-left rem-detail-a pzero" href="friend#/friends/friendprofile/b6c70e4f-bfe1-440d-836c-2e8fdc88540e"&gt;
&lt;span class="frndact pull-right"&gt;
&lt;a class="ignore" ng-click="ignoreNotification(friendInvite, 'friend')" href="javascript:void(0)"&gt;
&lt;a class="accept" ng-click="acceptNotification(friendInvite, 'friend')" href="javascript:void(0)"&gt;
&lt;i class="fa fa-lg fa-check-circle green"&gt;&lt;/i&gt;
&lt;/a&gt;
</code></pre>

<p>I have tried using below xpath but not working. Can anyone plz help me?</p>

<pre><code>@FindBy(xpath=".//a[ng-click='acceptNotification(friendInvite, 'friend')']/preceding-sibling::i[@css='.fa.fa-lg.fa-check-circle.green']").
</code></pre>

<p>Thanks in advance</p>