問題タブ [stylus]

ここの新しい男。Stylus (コンパイル済み CSS) クライアント側を使用するための優れたソリューションを探していました。

これで、コンパイルされた CSS クライアント側を使用しないことに関するヒントがわかりました。理由は次のとおりです。

1. JSが使用されていないと壊れます。
2. ライブ クライアント環境でコンパイルするには余分な時間がかかります。
3. すべてのクライアントで再コンパイルする必要がありますが、これはグリーンではありません。

ただ、私の環境はChromeとOpera向けに作った拡張機能です。JS環境で動作し、オフラインで動作するため、1.2.3のいずれにも該当しません。ここで私が本当に探しているのは、頭痛の種を減らし、変数を増やし、ネストとミックスインを増やして、より効率的に CSS を記述する方法です。

Less、Sass、および Stylus のトリオの中で唯一、現在クライアント側でうまく機能している Less を試してみました。では、Stylus の適切な解決策を知っている人はいますか?

スタイラスペンを使用して、テキストの文字列内の1つの単語のみの色を変更したい

スタイラスコードは

h1フレーズ「Our」の最初の文字の色を黄色に変更したいだけです。どうすればスタイラスでそれを実現できますか。ありがとうございます:)

行を複製せずに!important定義に条件付き文字列を追加したい...これまでに最も近いのはこれです：

これはimportantString=""実際には挿入されるため機能せず、割り当てが定義されていない場合""は割り当てを削除すると実際に出力されます。importantString

最良の方法は次のようなものです。

しかし、それは不可能だと思います。

現在、Windowsでプロジェクトをビルドするためのバッチファイルを作成しようとしています。プロジェクトはスタイラスペンで構築されています。Stylusはnode.jsと-gフラグを使用してインストールされました

スタイラスコマンドを使用してバッチファイルを実行すると、スタイラス呼び出し後にコマンドが実行されません。これは、コマンドを単独で実行してもウィンドウが閉じない場合でも、スタイラス呼び出しが完了するとウィンドウが強制的に閉じられるようなものです。

これが私のスクリプトです：

コピーコマンドも一時停止コマンドも実行されていません。スタイラスコマンドをコメントアウトすると、実行されます。スタイラスコマンドがファイルを出力しているので、途方に暮れています。

スタイラスの実行によってスクリプトが実行を終了する理由を誰かが知っていますか？

こんにちは、この簡単な答えを探していました。

私はすでにnode.jsとスタイラスをインストールしており、cmdで.stylファイルをcssにコンパイルする必要があります...私の質問は、どうすればxamppで動作させることができるかです。

.styl ファイルを編集して、localhost などで結果を確認できるようにしたいと考えています。

事前に感謝します。これが本当の初心者の質問である場合は申し訳ありませんが、検索しても答えが見つかりません。

スタイラスペンは、通常のCSSにコンパイルされる言語です。この言語は、多くの理由で時間とスペースを大幅に節約できます。たとえば、セレクターを相互に配置できます。

また、ベンダー固有のプロパティをプレフィックスなしで機能させるなどの作業を行うこともできます。これにより、スペースを大幅に節約できます。

私の質問は：スタイラスに代わるものはありますか？私はスタイラスペンが何であるかについての説明を本当に考えることができないので、私はグーグルを使って他のものを見つけるのが難しいと感じています。

注：別の言い方をすれば、CSSにコンパイルされ、時間の節約になる言語を意味します。

私が代替案を探している理由は、すべてのプロジェクトにスタイラスペンを使用しているためです。もっと良い解決策があるかどうかを確認したいと思います。私がStylusに100％満足していない理由は、TextMateバンドルがひどいためです。また、StylusではNode.jsをコンパイルする必要がありますが、これも避けたい手順です。私は主にPythonを使用しています。

スタイラスで Nib CSS3 拡張機能を使用しようとしています。スタイラスとペン先を取り付けました（ローカルとグローバルを試し-gました）。しかし、私がそうするとき、どれもうまくいきません

私は得る

私はノード、エクスプレス、スタイラス、ejs (バンドル全体) を初めて使用し、スタイラスを動作させるのに問題があります。

次を含むディレクトリがあります。

app.js

public/main.style

ビュー/index.ejs

ここに私のapp.jsコードがあります:

localhost に移動すると、index.ejs ファイルがレンダリングされましたが、スタイルが含まれていません。私が間違っているかもしれないアイデアはありますか？スタイラスの使用を開始するための適切なチュートリアルはありますか? これが曖昧すぎる場合はお詫び申し上げます。ありがとう！

私が欲しい...

私はこのようなループをやろうとしています

出力させたい

必要に応じて変数名と値の両方を取得できないようです

私が試してみました...

ただし、クラス名または色名のいずれかを取得するだけです（反復する変数名として文字列を使用するかどうかによって異なります）