Как определенной ссылке присвоить стили не присваивая ей класс и не используя псевдокласс?

Question

[Evgenij_nechujveter]

Допустим есть код:

<div>
  <a href=""></a>
  <a href=""></a>
  <a href="">Стили для этой ссылки</a>
  <a href=""></a>
  <a href=""></a>
</div>

Как 3-тьей ссылке сверху прописать стили не присваивая ей класс и не используя псевдоклассы?

Answer 1

[Eugene Chefranov]

div a:nth-child(3) {
color: red;
}

Comments

[Evgenij_nechujveter]

Eugene Chefranov Читайте внимательней - "НЕ используя псевдокласы"

[Дмитрий Арушанов]

Evgenij_nechujveter,
Без класса, и без псевдокласса

<div>
  <a href=""></a>
  <a href=""></a>
  <a style="color:red;" href="">Стили для этой ссылки</a>
  <a href=""></a>
  <a href=""></a>
</div>

[Evgenij_nechujveter]

Дмитрий Арушанов, если способ также не использовать инлайновые стили?

[Дмитрий Арушанов]

Ну у меня осталось всего два варианта...
1) javascript
2) Немного Магии

Но второе это пока тестовая функция - пока не работает ни в одном браузере

[Evgenij_nechujveter]

Дмитрий Арушанов, Вроде когда-то видел через квадратные скобки этот вопрос решался в css (то ли селектор какой-то), но это не точно. Это касается не только ссылок, а любых одинаковых дочерних элементов, когда их минимум несколько штук

[Дмитрий Арушанов]

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

...
<a rel='need_to_change' href="">Стили для этой ссылки</a>
<a custom-attribute='need_to_change' href="">Стили для этой ссылки</a>
...

a[rel=need_to_change] {
	//Magic that works
}

a[custom-attribute=need_to_change] {
	//Magic that works
}

Так же возможны записи
rel*=[]
rel$=[]
rel^=[]

-Это устаналивает - то как искать совпадение (rel=[] - точое совпажение)

[Evgenij_nechujveter]

Дмитрий Арушанов, Спасибо, что меня и интересовало! Главное чтобы был какой-то атрибут, а дальше все возможно при таких условиях)

[Дмитрий Арушанов]

Если память не изменяет можно и так
a[attribute] - не важно значение атрибута, главное что бы он был.

Answer 2

[leni_m]

<div>
  <a href=""></a>
  <a href=""></a>
  <a href="" style="color: белоснежный;">Стили для этой ссылки</a>
  <a href=""></a>
  <a href=""></a>
</div>

Comments

[Evgenij_nechujveter]

leni_m
если способ также не использовать инлайновые стили? Вроде когда-то видел через квадратные скобки этот вопрос решался, но это не точно. Это касается не только ссылок, а любых одинаковых дочерних элементов

[leni_m]

Evgenij_nechujveter, шо?

[Evgenij_nechujveter]

leni_m, Спасибо, то что искал. Можно стилизировать если будет какой-то атрибут!