問題タブ [css-parsing]

ユーザーが CSS ファイルを編集できるプロジェクトに取り組んでいます。ただし、上書きしてはいけないルールをいくつか設定する必要があります。ルールを使用する!importantことはこれを行う 1 つの方法ですが、最悪の場合、ユーザーは!important自分自身を使用してそれを上書きすることもできます。したがって、私たちの一般的な考えは、ユーザーの CSS を理解し、必要な場所にスタイル定義を配置できるパーサーを見つけることです。

現在、いくつかのパーサーを見つけましたが、CSS コードの解析は難しいと感じています — ライブラリ X がうまく機能するかどうかはわかりません。したがって、私たちの質問は、誰かがすでに CSS パーサーの経験があり、それを推奨できるかどうかです。

Web ページを分析するプロジェクトを開発しています。HTML 解析に Java ライブラリを使用すると、org.w3c.domドキュメントが返されます。

ドキュメントにタグ ノードがある場合、domそのノードに接続されているすべての CSS 情報 (オーバーライド/継承を含む) を知りたいです。

どうすればこれを行うことができますか？Google で検索すると、org.w3c.domドキュメントを生成する CSS パーサーがいくつか見つかりましたが、それらをどのように組み合わせればよいでしょうか?

私のプロジェクト（PHP）でLESS cssを使用する予定でした。@mediaネストされたクエリ機能を使用する予定です。生成される出力 css で複数のメディア クエリをグループ化できないことがわかりました。

例えば：

私の予想される出力は（@media query grouped）です

LESS (PHP) 自体で実行できるかどうか、または出力 CSS を操作して @media クエリをグループ化およびマージするために使用できる単純な PHP ベースの CSS パーサーがあるかどうかを知りたいです。以下の流れのとおりです。

グループ化された @media クエリを LESS (PHP) で実現できない場合、上記のフローで使用できる CSS パーサー (PHP) に関する提案を教えてください。

ここに例があるようにエラーを出しているcssルールを削除したい

この種の css ルールをファイルから省略するフレームワークまたはライブラリはありますか。

サンプルコードで sabberworm css パーサーを使用しています

私はここですべての css ルールを実行していますが、その間に display:none ルールを見つけました。この欠陥のあるルールが原因で、致命的なエラーが発生しています。

どんな助けでも大歓迎です。

次のようなCSSがあるとしましょう。

ブラウザは：

• image1.pngをリクエストしてから、image2.pngをリクエストして表示しますか？または...
• 最初にCSSを解析し、image2.pngを指定するセレクターが優先され、image2.pngのみを要求して表示することを確認しますか？

I need to parse HTML and find corresponding CSS styles. I can parse HTML and CSS separataly, but I can't combine them. For example, I have an XHTML page like this:

I have to search for "hello world" and find its class name, and after that I need to find its style from an external CSS file. Answers using Java, JavaScript, and PHP are all okay.

私はCSSファイル用の単純なルビーパーサーを書いていますが、CSSのブロック（つまり、セレクターとそれに続く中括弧の間のすべて）をルビーオブジェクトとして取得する方法にちょっと困惑しています。私の暗くて厄介な魔法を実行してください。

理想的には、各属性/値とセレクターで ruby​​ ハッシュを取得したいと考えています。これを行う方法を明確で理解しやすい方法はありますか？

複数の CSS を 1 つに生成するスクリプトに取り組んでいます。そして、これがスクリプトです。

ここでは、すべての CSS ファイルを 1 つに結合しています。しかし、現在の問題は、現在の CSS($file) を別の CSS(と考えてみましょう) と比較する必要があることoverrider.cssです。そして $file が次のようなスタイルを持っている場合、

そして、overrider.css が次のようなスタイルを持っている場合、

次に、生成される最終的な CSS(output.css) は、次のようになります。

ここでは、 body の style がoverride.csshavefont-familyにあるため、元の CSS の font-family プロパティを置き換えます。色は、元の CSS ファイルである ($file) には存在しない新しいプロパティであるため、元の CSS ファイルにプロパティを追加する必要があります。 CSS ファイル。CSSの解析について何も考えていないので、PHPでこれを達成する方法。これに関するアイデアは大歓迎です。

file1($file) および file2(override.css) として入力を指定して新しい CSS ファイルを生成する必要があることに注意してください。スタイルをオーバーライドして output.css を生成する必要があります。

前もって感謝します。

直接ライブ URL をフィードできる PHP 用の HTML/CSS DOM パーサーはありますか?次の 2 つのことがわかります。

1. コンポーネントの任意のクラス/ID の HTML。
2. 任意のクラス/ID に適用されるカスタム CSS。

利用可能な非常に多くの DOM パーサーで num:1 が可能であることは知っていますが、それらに関連付けられている CSS プロパティも必要です。

css数日前に、文字列 (ネストされていても)を解析するための非常に優れたアプローチを見つけましたjson。しかし、それにはどこかに大きな問題があるようです。

https://github.com/csvplot/cml-parse

css-stringを解析しようとすると、ブラウザー ウィンドウが強制終了されます。ここで何が起こっているのかわかりません... 既にイシューをオープンしましたが、メンテナーの David Ellis が失われているため、イシューに回答する人がいません。

アイデア/提案はありますか？

http://fiddle.jshell.net/5pTBr/