aria-current nicht funzioniert
![](/uploads/default_avatar/thumb/missing.png)
- css
- html
- php
0 Matthias Apsel
0 liebewinter
0 Matthias Apsel
0 liebewinter
0 Matthias Apsel
0 JürgenB
0 liebewinter
2 JürgenB
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 ,
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...
Hallo liebewinter,
Verlinke deine Seite.
Bis demnächst
Matthias
danke für deinen antwort , aber ich nicht verstehe was meins mit "verlinke"
Hallo liebewinter,
danke für deinen antwort , aber ich nicht verstehe was meins mit "verlinke"
zeige deine Seite.
Bis demnächst
Matthias
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...
Hallo liebewinter,
.link_wechsel a.[aria-current=page]
ist kein gültiger Selektor.
Bis demnächst
Matthias
Was würdest du mich empfiehlst....
Hallo,
> <li><a <?php if ($current_page=="autos"): ?>aria-current="page" …
▲
> $current_page= "1";
▲
soll das so sein?
Gruß
Jürgen
<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 ☺️
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
Dannnnnnnnke !
jetzt bekomme sie !
ich wünsche dir einen schöne Woche anfang !