0

DevExtreme でクロス プラットフォーム アプリケーションに取り組んでいます。すべての html ビューのプロジェクトに適用される 8 ～ 10 個の CSS ファイルが含まれています。CSS には非常に多くの background-color:,background: プロパティがテーマ (ios platform/android/win8 など) に従って設定されており、アプリケーションの html ビューにさまざまなレイヤーが作成されます。

しかし、プロジェクトに html ビューを作成して、これらすべての CSS から除外し、その背景を透明にしたいと考えています。

inde.xml ファイルにリンクされているすべての CSS ではなく、選択した CSS に適用できる多くの HTML ビューから 1 つの HTML ビューを除外するにはどうすればよいですか?

私の質問が明確に理解できることを願っています。助けてください。ありがとうございました。

4

1 に答える 1

1

HTML が index.xml ファイルから CSS ファイルを継承している場合、css の適用を除外することはできません。ただし、クラスを追加して、HTML スニペットに適用されるすべてのプロパティを上書きすることもできます。

例えば。

.myhtml{
  background: transparent !important;
}

継承された css プロパティを上書きするさまざまな手法があり、そのためには、ルール内のセレクターの数に基づいて css がどのように適用されるかを理解する必要があります。詳細はこちら: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

こちらもご確認ください

CSS の特異性の例

まず要素名を数えます。これは、HTML 要素または XML 要素のいずれかです。区別しやすいように、すべて大文字で書きます。

* { ... } = 0 
P { ... } = 1 
DIV P { ... } = 2 
H3 + P { ... } = 2

クラス、疑似クラス、および非 ID 属性をカウントし、10 を掛けます。

.top { ... } = 10 
P.top { ... } = 11 
a:link { ... } = 11 
a.new:link { ... } = 21 
H3.bottom + p.top { ... } = 22 
DIV + *[title] { ... } = 11

ID は最も具体的であるため、ID を数えて 100 を掛けます。

#a1 { ... } = 100 
#a1.red { ... } = 110 
H3#a1.red { ... } = 111 
blockquote #a2 { ... } = 101
于 2015-04-21T10:11:53.060 に答える