Plateforme Level Extreme
Abonnement
Profil corporatif
Produits & Services
Support
Légal
English
Understanding CSS inheritance
Message
De
23/12/2014 03:02:42
 
 
Information générale
Forum:
CSS
Catégorie:
Autre
Divers
Thread ID:
01612514
Message ID:
01612604
Vues:
39
>>I am sure that again I am hitting the lack of some basic understanding of CSS. So please help me understand.
>>
>>I want to include Bootstrap.css in one of the pages but BEFORE my own .CSS. So that my .CSS would take precedence.
>>
>>For example, in MY.CSS I have a class .FieldWR that set the size of the font of asp:textbox to .75em. And it works when I don't include Bootstrap.css at all. When I add the Boostrap styles in the .ASPX file, before MY.CSS the font size of the text boxes is smaller than what I want. When I look in the Chrome Developer Tools I see the following:
>>
>>
>>
>>.FieldWR { My.css: ###
>>   font-size: 0.75em;
>>   font-weight: normal:
>>}
>>
>>html {    bootstrap.min.css: ###
>>   font-size: 62.5%
>>   -webkit-tap-hightlight-color: rgba(0,0,0,0);
>>}
>>
>>
>>
>>So it looks from the above the bootstrap HTML overrides my class. Why?
>
>I just downloaded Bootstrap 3.3.1 and they changed the font-size from 62.5% to 10px. Why? They forgot to ask me :)

Hmm. I'm using 3.0.0 and, as per previous message the styling for html is just:
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
Précédent
Répondre
Fil
Voir

Click here to load this message in the networking platform