Last active
June 17, 2023 10:45
-
-
Save selcukcihan/6ce031531abd0faa83ab606a0daef930 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| a { | |
| color: blue; | |
| } | |
| a:target { | |
| color: red; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <nav> | |
| <ul> | |
| <li><a href="#section1">Section 1</a></li> | |
| <li><a href="#section2">Section 2</a></li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <section id="section1"> | |
| <h2>Section 1</h2> | |
| </section> | |
| <section id="section2"> | |
| <h2>Section 2</h2> | |
| </section> | |
| </body> | |
| </html> |
Yanlış anladım hocam kusura bakma. Css için bir çözüm yok galiba. Javascriptle çözmek gerekecek :)
sectionları stillendirmek istemiyorsanız id'leri de a taglerine verebilirsiniz.
<li><a href="#section1" id="section1">Section 1</a></li>
<li><a href="#section2" id="section2">Section 2</a></li>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Bu ilgili bölümün stilini değiştirmiş oldu, benim istediğim linklerin stilini değiştirmek. Amacım da şu, hani şu an "section 2" seçili diye onu belli edebilmek.