Jak zrobić link do konkretnego elementu na stronie nie posiadającego ID?

Question

Załóżmy, że mam sobie jakąś paragraf jakiejś klasy np:

<p class="ok"></p>

I takich paragrafów jest kilka w jakichś blokach o konkretnych id np:

<article id="Sport">
   <p class="ok">Zwycięstwo</p>
</article>
<article id="Technologia">
   <p class="ok">Nowy procesor intela</p>
</article>

Załóżmy, że w jakimś zewnętrznym css'ie ustalilem sobie, ze kolor czcionki w tych paragrafach będzie czerwony.
W jaki sposób mogę teraz porobić linki do tych paragrafów? Skoro nie mają id, to nie mogę zrobić

<a href="#costam>tezcostam</a>

Więc w jaki sposób?

Answer 1

Dodać do nich id

Comments

*FACEPALM*

Nie pomyślałem, że mogę mieć i class i id. Tak czy siak dzięki :)

Answer 2

Możesz na przykład... hmm... dodać id! Jest to najprostszy oraz najskuteczniejszy sposób, ponieważ będzie działał wszystkim.

Problem jest taki, że niczym one się nie różnią, poza tekstem. Zawsze możesz stworzyć JS-a, który będzie dodawał do tych paragrafów id na podstawie na przykład dwóch pierwszych słów. No i wtedy możemy utworzyć link do nich.

Może łatwiej będzie Ci pomóc, jeżeli powiesz dlaczego nie możesz dodać do nich id