ミックスインなしでスタイラスのExtendを使用してルートを取得する方法

ユージンバラショフ

私はスタイラス学び、彼のサブクラスのルート要素プロパティを取得する必要があります。

.daddy-element
    (this is a root)
    main: prop
    &.sublclass
        (need "main: prop" here)
        another: prop

私たちが持っているサスでは$root: &、この状況でどのようなスタイラスができますか?@mixin —最大のcssコードを持つ悪いバリアントであり、読むのが明確ではありません

これが私のsassコードです:Codepen

user4994625

プレースホルダーセレクターを使用したソリューションを見つけました。SASSほどクリーンではありませんが、達成できる最善のソリューションです。

スタイラス

$placeholder
 margin-bottom: 1em

.class
  @extends $placeholder
  &.ok
     @extends $placeholder
     color: red

出力

.class,
.class.ok {
  margin-bottom: 1em;
}
.class.ok {
  color: #f00;
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

capybara "find"を使用してタイトルインデックスでデータ要素を取得する方法は?

分類Dev

ミラーなしでローカルのpypiリポジトリインデックスを作成する方法

分類Dev

スライスをループのスタックとして使用する方法

分類Dev

forループを使用してクラスのリストをインスタンス化する方法は?

分類Dev

npmを使用してlaravelミックスにjquery-uiをインストールして使用する方法

分類Dev

バイトコードで使用するJavassistを使用して、クラスで宣言されたフィールドのインデックスを取得します

分類Dev

Windowsでnetifacesを使用してGUIDではなく意味のあるネットワークインターフェイス名を取得する方法

分類Dev

クライアントごとにカスタムのローカル事前コミットフックを作成して使用する方法

分類Dev

コンストラクター注入なしでサービスのインスタンスを取得する

分類Dev

クラスコンストラクターを使用してクラスインスタンスのインターフェイスを定義する方法

分類Dev

条件付きインデックスを使用してセルのスカラー値を取得する方法

分類Dev

jedisクライアントを使用してJavaでRedisクラスターのキースペース通知をリッスンする方法は?

分類Dev

クラス内の内部クラスのリストを取得してインスタンスを作成する方法

分類Dev

タイマー メンバーを使用してクラス アイテムのリスト内のアイテムのインデックスを取得する

分類Dev

シングルトンインスタンスを使用してクラスをモックする方法

分類Dev

シングルトンインスタンスを使用してクラスをモックする方法

分類Dev

そのスライスへのポインターを使用してスライス項目を取得する方法

分類Dev

スタックのビルド/インストールを取得してリソースファイル(構成、イメージなど)を含める方法

分類Dev

インターフェイスインスタンス属性を使用してクラスをシリアル化する方法は?NotSerializableExceptionを取得しました

分類Dev

追加のトランスパイルステップなしでブラウザにインポートするes6スタイルのクラスを利用するTypeScriptトランスパイルコードを使用しますか?

分類Dev

Pythonデータセットクラス+ PyTorchデータローダー:__ getitem__でスタックしている、テスト中にインデックスやラベルなどを取得する方法は?

分類Dev

bashを使用してディレクトリのセットで特定のファイルタイプの最高のサフィックス(またはプレフィックス)を取得する最もクリーンな方法は?

分類Dev

nodejs google apiを使用して、ブラウザなしでEC2インスタンスからOAuth2トークンを取得する方法

分類Dev

javascriptを使用してクラスを編集する(要素のインラインスタイルではない)

分類Dev

イベントエミッターを使用してExpressミドルウェアをテストする方法

分類Dev

DIを使用してクラスコンストラクターでMicrosoft.AspNet.Http.HttpContextインスタンスを取得する方法

分類Dev

部分インデックスタプルのリストを使用してマルチインデックスデータフレームをスライスする最良の方法は何ですか?

分類Dev

Haskellのスタックビルドツールを使用して、C / C ++で使用するライブラリをエクスポートする方法は?

分類Dev

PowerMockito-int []パラメーターを使用して内部クラスのコンストラクターを取得するホワイトボックス

Related 関連記事

  1. 1

    capybara "find"を使用してタイトルインデックスでデータ要素を取得する方法は?

  2. 2

    ミラーなしでローカルのpypiリポジトリインデックスを作成する方法

  3. 3

    スライスをループのスタックとして使用する方法

  4. 4

    forループを使用してクラスのリストをインスタンス化する方法は?

  5. 5

    npmを使用してlaravelミックスにjquery-uiをインストールして使用する方法

  6. 6

    バイトコードで使用するJavassistを使用して、クラスで宣言されたフィールドのインデックスを取得します

  7. 7

    Windowsでnetifacesを使用してGUIDではなく意味のあるネットワークインターフェイス名を取得する方法

  8. 8

    クライアントごとにカスタムのローカル事前コミットフックを作成して使用する方法

  9. 9

    コンストラクター注入なしでサービスのインスタンスを取得する

  10. 10

    クラスコンストラクターを使用してクラスインスタンスのインターフェイスを定義する方法

  11. 11

    条件付きインデックスを使用してセルのスカラー値を取得する方法

  12. 12

    jedisクライアントを使用してJavaでRedisクラスターのキースペース通知をリッスンする方法は?

  13. 13

    クラス内の内部クラスのリストを取得してインスタンスを作成する方法

  14. 14

    タイマー メンバーを使用してクラス アイテムのリスト内のアイテムのインデックスを取得する

  15. 15

    シングルトンインスタンスを使用してクラスをモックする方法

  16. 16

    シングルトンインスタンスを使用してクラスをモックする方法

  17. 17

    そのスライスへのポインターを使用してスライス項目を取得する方法

  18. 18

    スタックのビルド/インストールを取得してリソースファイル(構成、イメージなど)を含める方法

  19. 19

    インターフェイスインスタンス属性を使用してクラスをシリアル化する方法は?NotSerializableExceptionを取得しました

  20. 20

    追加のトランスパイルステップなしでブラウザにインポートするes6スタイルのクラスを利用するTypeScriptトランスパイルコードを使用しますか?

  21. 21

    Pythonデータセットクラス+ PyTorchデータローダー:__ getitem__でスタックしている、テスト中にインデックスやラベルなどを取得する方法は?

  22. 22

    bashを使用してディレクトリのセットで特定のファイルタイプの最高のサフィックス(またはプレフィックス)を取得する最もクリーンな方法は?

  23. 23

    nodejs google apiを使用して、ブラウザなしでEC2インスタンスからOAuth2トークンを取得する方法

  24. 24

    javascriptを使用してクラスを編集する(要素のインラインスタイルではない)

  25. 25

    イベントエミッターを使用してExpressミドルウェアをテストする方法

  26. 26

    DIを使用してクラスコンストラクターでMicrosoft.AspNet.Http.HttpContextインスタンスを取得する方法

  27. 27

    部分インデックスタプルのリストを使用してマルチインデックスデータフレームをスライスする最良の方法は何ですか?

  28. 28

    Haskellのスタックビルドツールを使用して、C / C ++で使用するライブラリをエクスポートする方法は?

  29. 29

    PowerMockito-int []パラメーターを使用して内部クラスのコンストラクターを取得するホワイトボックス

ホットタグ

アーカイブ