Vue uygulaması, stiller html ve vücut elemanları, ben SCSS kullanıyorum uygulanmaz

oy
0

Ben köküne diğer stiller arasında bir font boyutu uygulamak çalışıyorum htmlve bodyelemanları, içinde ben alt klasörler bir çift içeren bir stilleri klasörü var, o zaman benim .vue bileşenleri içe aktarın. main.scss dosyasında ben evrensel Seçicilere stiller uygulayarak ediyorum ve benzeri i söylenen htmlve bodyevrensel seçiciler stilleri Ben köküne atamak çalışıyorum ben Ancak, elle seçim başka element, stiller ile birlikte uygulanan alır elemanları uygulanmaz.

// this is my main.scss
// this code gets applied 
*, *::before, *::after {
  padding: 0;
  margin: 0;
}

.test {
  border: 2px solid red; 
 }

// this does NOt get applied
html {
  font-size: 62.5%;
  color: #777;
}
 
<template>
  <section class=Home>
    <div class=container>
      <h1 class=test>Hello world</h1>
      <p>this is a test</p>
    </div>
  </section>
</template>

<style lang=scss>
 @import './scss/main.scss
 
 
</style>

Yine, ben bazı stiller başarıyla uygulandığı olsun, ben sadece html ve vücut etiketler stilleri kabul etmiyoruz anlamıyorum derleme ya da benim .scss dosyalarını içe sorunumuz yok eminim !! Gerekirse daha fazla bilgi için sormaya çekinmeyin, peşin teşekkür ..

Oluştur 27/11/2018 saat 18:18
kaynak kullanıcı
Diğer dillerde...                            


2 cevaplar

oy
0

Eğer bir sınıf verirsen daha iyi olurdu vücut etiketi ve oldukça unsuru etiketine doğrudan uygulanması daha bir sınıfa tarzınızı uygulayın.

Bir ayarlarsanız Hatta daha da iyisi ana div altında vücut etiketi, bunu bir sınıf ve stil yerine vermek:

// app.vue
<template>
  <div id="app">
    <div class="bodyContainer">
      //Content
    </div>
  </div>
</template>


// main.scss    
.bodyContainer {
  font-size: 62.5%;
  color: #777;
}
Cevap 27/11/2018 saat 19:11
kaynak kullanıcı

oy
0

Deneyin

* {
  font-size: 62.5% !important;
  color: #777 !important;
}

Başka yoksa ! Önemli stilleri hile yapmak

Cevap 27/11/2018 saat 18:27
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more