Miért nem írja felül a bootstrap-et?
A színt azt felül tudja írni de a betűméretet már nem. Mi a probléma?
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Hello</title>
<link rel="stylesheet" href=" [link] integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<style media="screen">
body{
color:red;
font-size: 100px;
}
</style>
<h1>Hello world</h1>
</body>
</html>
válasza:Először is, nem használsz bootstrapet, csak be van linkelve.
Másodszor: Ha a h1 heading-et akarod módosítani, akkor miért a body tag tulajdonságait adod meg?
Vannak tulajdonságok, amik öröklődhetnek, és van amit felülírhatnak a gyerekek: a szín például nem árt ha változik, azonban a h1 taghez definiálva van a böngészőkben gyárilag 6-os vagy 7-es betűméret, így egy nem rá (hanem a szülőre) vonatkozó css szabályt miért alkalmazzon?
válasza:Ha ezt csinálod, akkor egész oldalra érvényes + csak akkor írható felül, ha !important van írva máshol is pl: a body részben, lásd lent.
html *
{
font-size: 2em !important;
}
body {
font-size: 13px !important;
}
Ha elhagyod a body tagnál az !importantot, akkor nem írja felül.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!