CSS'm Bootstrap CSS tarafından geçersiz kılılıyor

Question

GWT-Bootstrap'i zaten başladığım projeme eklemek istiyorum. Kullanmayı başardım, ancak Bootstrap CSS diğer tüm CSS'yi geçersiz kılıyor. Sonuç, önceki tüm kullanıcı arabirim öğelerinin karışmasıdır.

Kenar boşluğu, metin boyutu ve birçok öğe artık sığmıyor. Önyükleyiciyi kullanamam çünkü projenin geri kalanı kullanılamaz. Bootstrap'e ilerlemeci bir değişiklik yapmak ve eski şeyleri olduğu gibi tutmak istiyorum.

Ben şu öncelik sırasına göre benim csss istiyorum

:

• BenimUygulamam
• GWT
• Bootstrap

ben olmadan benim * .gwt.xml bunları sipariş çalıştı başarı:

<stylesheet src="css/gwt-bootstrap.css" /> 
<stylesheet src="css/bootstrap.min.css" /> 
<stylesheet src="gwt/clean/clean.css" /> 
<stylesheet src="MyApp.css" /> 

Ne nedir? yapabilir miyim?

Answer 1

HTML'ye dahil edilmek üzere bir siparişten daha karmaşık algoritmalar. CSS stili, satır içi kuralların harici olarak eklendikten sonra daha spesifik olduğu, daha sonra ID ile seçilmesinin ardından sınıf ve bitiş seçiminde etiket adının bulunduğu en spesifik seçim kuralı ile seçilir. Örneğin, paragraf <p id="xyz" class="xyz"> bağımsız kuralların düzenin kırmızı renkte olacak:

.xyz { 
    color: blue; 
} 
#xyz { 
    color: red; 
} 

aynı seçim türü ile iki kural, sayı hususlar varsa. Bu nedenle, .xyz .abc seçiminin "daha güçlü", sonra .qwerty. iki kural her kategoride sayısı açısından eşdeğer seçim varsa

ardından, en sona sırayla

Ayrıca !important yönergesi ile farklı bir düzen zorlayabilir ... dikkate alınır. "CSS özgüllüğü" anahtar kelimeleri ile ilgili bu

Answer 2

Stilleri geçersiz kılma yolu, son yüklenen kazanma sayısıdır.

O zaman siz Bootstrap CSS geçersiz kılmak için GWT-Bootstrap stilleri bekliyoruz eğer daha böyle stil sipariş şey sipariş isterdim: kullanarak stilleri öncelik daha tarafından tahrik edilir

<stylesheet src="css/bootstrap.min.css" /> 
<stylesheet src="gwt/clean/clean.css" /> 
<stylesheet src="css/gwt-bootstrap.css" /> 
<stylesheet src="MyApp.css" />