height = ""という名前のプロパティが宣言されていると仮定します。 私はcssのメディアクエリを使用してこのプロパティをオーバーライドできる方法があるのだろうかと思っていました。私の知る限り、インラインプロパティはCSSスタイルよりも優先度が高いです。メディア照会を使用してポリマーで定義されたプロパティをオーバーライドする方法
これは、このような状況のためのサンプルコードです：
@media (max-width:480px){
custom-element{
height: 50px;
}
}
<body>
<custom-element height="200px">
</custom-element>
</body>
は事前にお願いします。
!importantを使用すると、外部のスタイルの優先順位を与えるかかります、そしてあなたは、特にこのようなスタイルタグとdiv要素をターゲットにすることができます：
custom-element[style] {
height:50px !important;
}
それは可能な限り!importantを使用しないように良いことだが、それはの一つですインラインスタイルをオーバーライドする方法はほとんどありません。
あなたは混乱属性とインラインスタイルを取得しています。 CSSはインラインheight属性をうっかり上書きします。
CSS
img {
height: 100px;
width: 100px;
background-color:red;
}
HTML
<!-- Height is 100px -->
<img height="200px">
<!-- Height is 200px -->
<img style="height: 200px">
この高さの属性は、imgのようなあらかじめ定義された要素のみであり、ポリマーの要素の属性とは関係ありません。 – Soheil
Ah。その場合、 '！important'フラグがおそらくあなたの最善の策です。 –
ええ、我々はそれを使用することができますが、それは全体の問合せに対して、プライム重要なスタイルを行いますと、それはで使用することはできません特定のブレークポイント。 – Soheil
このトリックは、すごくうまくいっていて、1人のお母さん – Soheil