これを削除します

Question

いくつかの理由で、グリッドに配置しようとするとクラスが機能しません。 HTML要素が動作し、グリッドが作成されたので、スタイルシートの動作が分かります。

この場合HTML

クラスように定義される：

<div class="NApictures"> 

<img src= "C:\Users\x0268255\Documents\cats_page\bobcat.jpg" width = 250 
height = 250> 

<img src= "C:\Users\x0268255\Documents\cats_page\lynx.jpg" width = 300 
height = 250> 

</div> 

CSSグリッドと位置は、例えば次のように定義される。

.site { 
    display: grid; 
    grid-template-columns: 2fr repeat(2, 1fr); 
    grid-template-rows: auto 1fr 3fr; 
    } 


.NApictures { 
    grid-column: 1/4 
    grid-row: 1/2; 
    } 

.siteでありますbodyタグのクラスしかし、.Npicturesクラスは移動しません。これはページ全体でも同じです。 htmlタグを使ってグリッドに項目を配置すると、うまく動作しますが、クラスのどれも実行しません。例えば

：

h1 { grid:column1/4; }

が完全に正常に動作しますが、私はクラスを使用する場合、それは何もしないために私が作成しました。

Answer 1

あなたは、これはあなたのCSSコードの振る舞いをいじりされ、セミコロンを忘れてしまいました。

.NApictures { 
    grid-column: 1/4 /* You Forgot the ";" Here */ 
    grid-row: 1/2; 
}