2012-01-13 10 views

答えて

2

でも、CSSファイルを見てみましょう。開発者が出力を変更するのを忘れてしまった場合、ソースファイルのファイル名と行番号を見つけることができます。

ない場合は、CSSの出力には珍しいパターンを探すには、例えばSASSは

(あなたはこの長いセレクタを手で書くことはない)ので、セレクタはCSSで次のようになります、行うのは非常に簡単に入れ子になります

div#wrapper div#container ul#myId li a { color: blue; } 
div#wrapper div#container ul#myId li.sass a { color: red; } 
しかし、それらは@extendディレクティブを使用してから来て、また

div#wrapper { 
    div#container { 
    ul#myId { 
     li { 
     a { color: blue; } 
     &.sass { 
      a { color: red; } 
     } 
     } 

    } 
    } 
} 

を(とGoogle翻訳するノー繰り返し、簡単に)長いクラスの組み合わせを探しSASSソースファイル内でこのように見えるだろう、それが見えますこのように:

.button, .button1, .button-submit, .button-add-to-cart, .button-signup, .button-register { 
display: inline-block; 
} 

CSS3で生成されたボタンのソースを調べるのが一般的ですが、開発者はFirefox、Safari、Chrome、IEを気にしますが、SASSの出力は非常に冗長ですOpera用のものです。

幸運を祈る!

0

開発者は次のように、あなたはまだ元のソースをポイントに自動的に挿入されたコメントを見ることができるはずですよりも、生産のためにコンパイルするかの.cssを縮小化するのを忘れた場合:

/* line 22, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ 
.selector { 
    bla: 123; 
} 

または

/* line 5, sass/large/_common.scss */ 
.selector { 
    bla: 123; 
} 
関連する問題