Как применить свойство к родительскому элементу?

[SergeAnt]

Пытаюсь отформатировать ссылку в ячейке таблицы (сдвинуть вправо, и т.п.).
Дописать стрелку к надписи получается, но сдвинуть её - нет.
Если я правильно понимаю, из-за того, что тэг <a> - строчный контейнер, и свойство надо бы применить к ячейке таблицы, но ищем мы гиперссылку.
 

<tr>
	<td width="30%"><a href="/news/2948/">Подробнее&nbsp;</a></td>
</tr>

CSS:
 

/* пририсовываем к надписи стрелочку, работает */
td a::after {
	content: '\A0\21D2';  
}
/* пытаемся выровнять по правому краю - не работает */
td>a:link { 
	text-align: right;
	font-weight: bold;
}

Может есть какой-то способ отформатировать ячейку / ссылку? 

Вторая идея - искать элемент по его содержанию (т.е. слову "Подробнее"), тоже нереализуема?  CSS ищет только по свойствам/атрибутам?

[Igor Schnaider]

Свойство выравнивания нужно назначить самой ячейке, а не ссылке.

[SergeAnt]

  On 6/11/2021 at 2:16 PM, Igor Schnaider said:

Свойство выравнивания нужно назначить самой ячейке, а не ссылке.

Expand  

Это понятно, но как это сделать? Как выбрать ячейку, в которой есть ссылка?
Это возможно в принципе средствами CSS?

[Igor Schnaider]

Ну, если они у вас все в одной колонке, то nth-child(N) можете использовать.

[SergeAnt]

  On 6/17/2021 at 11:11 PM, Igor Schnaider said:

Ну, если они у вас все в одной колонке, то nth-child(N) можете использовать.

Expand  

Приходится так выкручиваться, если других вариантов не видно.
Но идея была форматировать ячейки с ссылками, а не третьи строчки. 
Понятно, спасибо за помощь 

[Alarr]

Почему бы просто не сделать:
 

td a {
	position: relative;
}

td a::after {
	position: absolute;
        right: 0;
}

И извращайтесь с этим псевдоэллементом(стрелочкой) дальше как хотите:)
Ну, и не забудьте ж на всякий a сделать display: block и на всякий, задать ширину с высотой. И будет ништяк.

Edited June 22, 2021 by Alarr

[Igor Schnaider]

  On 6/22/2021 at 11:00 AM, SergeAnt said:

Но идея была форматировать ячейки с ссылками, а не третьи строчки.

Expand  

Ну в будущем, когда добавят поддержку для :has, можно будет его использовать.

Если хотите чуть больше семантики, можете классы раскидать на ячейки со ссылками и стилизовать уже по классам. Заодно от привязки к позиции избавитесь.

[SergeAnt]

  On 6/22/2021 at 1:07 PM, Alarr said:

И извращайтесь с этим псевдоэллементом(стрелочкой) дальше как хотите:)
Ну, и не забудьте ж на всякий a сделать display: block и на всякий, задать ширину с высотой. И будет ништяк.

Expand  

Правильно ли я понял, что эта конструкция сдвигает вправо только стрелку, которую я дописываю к слову "Подробнее"?  У меня задача проще - сдвинуть вправо ссылку целиком вместе со стрелкой. 
Иными словами, Вы предлагаете вместо text-align: right; использовать position: absolute; right: 0; ?
Мне кажется, это самый оптимальный вариант. 

 

  On 6/23/2021 at 12:06 AM, Igor Schnaider said:

Если хотите чуть больше семантики, можете классы раскидать на ячейки со ссылками и стилизовать уже по классам.

Expand  

Ну, это слишком очевидный и прямолинейный подход ;)  Мы лёгких путей не ищем ;)