Stylusに記述するまでの流れ


画像を参照してください。

ここで質問ですが

  1. 左の枠で囲ったコードに対応するのは右の青枠で囲んであるDOMの事か  
これが記述されていれば、下にStylesがあり、その中から変更すべきCSSを変える

  2. Stylusに記述するコードは下記の事ですが、
[code]     .myblocks p {

      font-size: 1.1em;
      line-height: 2;
      color: #111111;
    }
    
[/code]

`.myblocks p` の箇所は下記の赤の横線の箇所でないとだめか

識者からの回答をお待ちしています。

[![画像の説明をここに入力](https://i.stack.imgur.com/WZIT2.jpg)](https://i.stack.imgur.com/WZIT2.jpg)




> 左の枠で囲ったコードに対応するのは右の青枠で囲んであるDOMの事か

スクリーンショットを見る限り、そのようです。

> `.myblocks p` の箇所は下記の赤の横線の箇所でないとだめか

ビューポートが 992px
以上であるときのみ質問文のカスタムスタイルシートを適用したいのであれば、赤横線のようにメディアクエリ内にそのルールセットを書く必要があります。

