liebewinter: aria-current nicht funzioniert

hallo , seit einiger Tage versuche farbe auf meinen Links geben , ohne erfolgt…

Vor einiger Tage hat **Rolf B ** (ich bedanken mich ihn ..) diser Code ,

<nav class="link_wechsel">
      <h2 class="visually-hidden">Page navigation</h2>
      <ul>
        <li><a <?php if ($current_page=="autos"): ?>aria-current="page" <?php endif ?> href="beispiel-1.php">1</a></li>
        <li><a <?php if ($current_page=="essen"): ?>aria-current="page" <?php endif ?> href="beispiel-2.php">2</a></li>
        <li><a <?php if ($current_page=="haus"): ?>aria-current="page" <?php endif ?>  href="beispiel-3.php">3</a></li>
        
    </nav>
      
</nav>

und auf meine Css habe ,

.link_wechsel [aria-current=page] {

    background-color:green;

}

aber wie das Bild Zeigt ,

Farbe beim link nicht verendert

die Farbe auf der Link , hat sich nicht verendert.. Ich möchte ,wenn Beispiel bin ich auf der Datei beispiel-1.php , die Farbe auf der Link 1 , sich verendert zum Grüne Farbe...

aber alles in eine Zeile wie Rolf gegeben hat...

  1. Hallo liebewinter,

    Verlinke deine Seite.

    Bis demnächst
    Matthias

    --
    Pantoffeltierchen haben keine Hobbys.
    1. danke für deinen antwort , aber ich nicht verstehe was meins mit "verlinke"

      1. Hallo liebewinter,

        danke für deinen antwort , aber ich nicht verstehe was meins mit "verlinke"

        zeige deine Seite.

        Bis demnächst
        Matthias

        --
        Pantoffeltierchen haben keine Hobbys.
        1. so , ich habe nur als Probe ..

          Wo ich alles Php code habe , heißt header-beispiel.php und seine Code ist,

          <?php  
          
          
          header("Content-Type: text/html; Charset=utf-8");
          mb_internal_encoding('UTF-8');
          date_default_timezone_set('UTC');
          error_reporting(E_ALL);
          
          ?>
          
          <!doctype html>
          
          <html lang="en">
          
          <head>
          
          <meta http-equiv="content-type" content="text/html; charset=UTF-8">
          
          <title>header-beispiel</title>
          
          </head>
          <style>
          
          .link_wechsel ul {
          
              list-style-type: none;
          
              margin-left: 340px;
          
          }
          
           
          
          .link_wechsel li {
          
            display: inline;
          
          }
          
           
          
          .link_wechsel a {
          
             display: inline;
          
             text-decoration: none;
          
             border: 1px solid gray;
          
             background-color: #FE2E64;
          
             color: black;
          
             padding: 8px;
          
             opacity: 0.5;
          
             font-family: Times New Roman;
          
          }
          
           
          
          .link_wechsel a:hover {
          
             background-color: #9f9e9e;
          
          }
          
          
          
          .link_wechsel a.[aria-current=page] {
          
              background-color:green;
          
          }
          
          </style>
          
          <body>
          
          <header>
          
          </header>
          
          <nav class="link_wechsel">
                <h2 class="visually-hidden">Page navigation</h2>
                <ul>
                  <li><a <?php if ($current_page=="autos"): ?>aria-current="page" <?php endif ?> href="beispiel-1.php">1</a></li>
                  <li><a <?php if ($current_page=="essen"): ?>aria-current="page" <?php endif ?> href="beispiel-2.php">2</a></li>
                  <li><a <?php if ($current_page=="haus"): ?>aria-current="page" <?php endif ?>  href="beispiel-3.php">3</a></li>
                  
              </nav>
                
          </nav>
          
          </body>
          </html>
          

          Dan habe drei dateien die sie heißen beispiel-1.php , beispiel-2.php und beispiel-3.php , alle drei habe gleich , und seiner Code ist

          <?php  
          $current_page= "1";
          require 'header-beispiel.php';
          
          header("Content-Type: text/html; Charset=utf-8");
          mb_internal_encoding('UTF-8');
          date_default_timezone_set('UTC');
          error_reporting(E_ALL);
          
          ?>
          
          <!doctype html>
          
          <html lang="en">
          
          <head>
          
          <meta http-equiv="content-type" content="text/html; charset=UTF-8">
          
          <title>beispiel-1</title>
          
           
          
           
          
          </head>
          
          <style>
          
           
          
          
          
          </style>
          
           
          
           
          
          <body>
          
          <h3>Page 2</h3>
          
          
          
          </body>
          
          </html>
          

          wie sagte , alle Drei haben gleiche Code , nur verendert sie ,

          $current_page= "1"; ,die auf der Datei beispiel-2.php verendert für $current_page= "2"; , und so weiter...

          1. Hallo liebewinter,

            .link_wechsel a.[aria-current=page] ist kein gültiger Selektor.

            Bis demnächst
            Matthias

            --
            Pantoffeltierchen haben keine Hobbys.
            1. Was würdest du mich empfiehlst....

          2. Hallo,

            
            >         <li><a <?php if ($current_page=="autos"): ?>aria-current="page" 
            
                                                           
            
            
            > $current_page= "1";
            
                              ▲
            

            soll das so sein?

            Gruß
            Jürgen

            1. <li><a <?php if ($current_page=="autos"): ?>aria-current="page" …

              auf meine code habe …

              <nav class="link_wechsel">
                <ul>
                 <li><a <?php if ($current_page=="1"): ?>aria-current="page" <?php endif ?> href="beispiel-1.php">1</a></li>
                 <li><a <?php if ($current_page=="2"): ?>aria-current="page" <?php endif ?> href="beispiel-2.php">2</a></li>
                 <li><a <?php if ($current_page=="3"): ?>aria-current="page" <?php endif ?> href="beispiel-3.php">3</a></li>
                </ul>
               </nav>
              

              ich habe fehler gemacht , wenn der Code gepostet habe ☺️

              1. Hallo,

                dann ersetz mal

                .link_wechsel a.[aria-current=page]
                

                durch

                .link_wechsel a[aria-current=page]
                

                https://wiki.selfhtml.org/wiki/CSS/Selektoren/Attributselektor

                Gruß
                Jürgen

                1. Dannnnnnnnke !

                  jetzt bekomme sie !

                  ich wünsche dir einen schöne Woche anfang !