Chcę użyć twitter bootstrap dla jakiejś strony, nad którą pracuję. Ta strona wymaga użycia wstępnie ustawionego szablonu dla niektórych części strony.Ogranicz arkusz stylów do jednego znacznika i potomków

Jeśli dołączę arkusz stylów programu startowego twitter, przesłania on oryginalny szablon.

chcę dołączyć zewnętrzny bootstrap.cc stylów, ale sprawiają, że działa tylko na znaczniki, które są potomkiem class = „mycontent”

<html> 
<link href="original stylsheet.css"> 
<link href="bootstrap.css"> 
... 
... 
<div class="header"> 
original stlesheet to be used here 
</div> 
<div class="mycontent"> 
bootstrap css to work for all descendents of my content 
</div>

wiem, jednym ze sposobów jest, aby edytować i dodawać css. Mycontent przed każdym tagiem. Ale zastanawiałem się, czy nie było mądrzejszy roztworowi

Źródło

2012-08-24 Roopak Venkatakrishnan

Dołącz bootstrap przed oryginalnego arkusza stylów, dzięki czemu style zastąpią te w bootstrap. – Will

która działa w przeważającej części ... ALE nie powiedzie się, jeśli istnieje modyfikacja w bootstrapie, która nie jest obecna w moim oryginalnym arkuszu stylów –

scoped CSS

Jeśli atrybut scope jest obecny, wtedy <style> odnosi się tylko do jego elementu nadrzędnego.

<div> 
    <style scoped> 
    /* your css here */ 
    <style> 
    <!-- content --> 
</div>

Brakuje wsparcia przeglądarki, ale jest polyfill: jQuery Scoped CSS plugin.

Dodatkowe czytanie: Saving the Day with Scoped CSS.

Bieżąca obsługa przeglądarki: http://caniuse.com/#feat=style-scoped

Źródło

2012-09-23 15:30:41 Pavlo

to jest najbliższe temu, czego szukałem !!! Dziękuję –

jak ty widzę swój kod:

<html> 
<link rel="original stylsheet.css"> 
<link rel="bootstrap.css"> 
... 
... 
<div class="header"> 
original stlesheet to be used here 
</div> 
<div class="mycontent"> 
bootstrap css to work for all descendents of my content 
</div>

używasz złą drogę.
należy spróbować <link href="bootstrap.css">
Mam nadzieję, że problem zostanie rozwiązać ten

Źródło

2012-08-24 13:55:22 supersaiyan

Ok, który był literówką tutaj ... moje pytanie wciąż stoi ... chcę, żeby arkusz stylów zewnętrznych wpływać tylko na elementy pod mycontentem –

Ogranicz arkusz stylów do jednego znacznika i potomków

Odpowiedz

scoped CSS

Powiązane problemy