Así que tengo un problema. Quiero hacer una ruta por ejemplo de localhost.../cars a localhost../bmw/x1

Tengo un botón en localhost../cars, después de hacer clic en él, el sitio carga localhost../bmw/x1

Así que tengo este código en mi javascript:

 const express = require("express"); var app = express(); app.use(express.static("public")); app.set("views", "views"); app.set("view engine", "pug"); app.get('/', (req, res) => { res.render("firstpage"); }); app.get("/cars", function(req,res){ res.render("cars"); }); app.get("/bmw/x1", function(req,res){ res.render("bmwx1"); }); app.listen(PORT, function() { console.log("server is running); });

y esto en mi pug donde está la primera página: (solo una parte del código)

 html head link(rel="stylesheet", href="styles/style.css") link(href="https://fonts.googleapis.com/css2?family=Akshar:wght@300&display=swap" rel="stylesheet") meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1") body nav h3 a(href="/cars") cars

y luego en /cars tengo un botón en algún lugar:

 div button(class="detailsbutton") a(href="/bmw/x1") Details

Ahora esto realmente funciona para mí, carga el pug pero si lo cargo en localhost../bmw/x1 mi css no funciona allí, solo en esta ruta, en cualquier lugar funciona pero no allí, por lo que no está formateado.

Así que no estoy seguro si no puedo simplemente usar app.get("/sitio/segundositio",...) y tengo que hacerlo de otra manera o hay un error en otra parte

¡Gracias por responder y perdón por mi inglés!