Question

假设我们已经声明了一个名为height =“”的属性，它具有一定的值，比方说200px。我想知道有没有办法可以使用css中的媒体查询覆盖这个属性？据我所知，内联属性的优先级高于css样式。

这是这种情况的示例代码：

    @media (max-width:480px){

        custom-element{
            height: 50px;
        }
}

<body>
<custom-element height="200px">
</custom-element>
</body>

提前谢谢。

Answer 1

使用"sqlite3.ProgrammingError: Incorrect number of bindings supplied. The current statement uses 1, and there are 4 supplied."将赋予外部样式优先权，并且您可以使用样式标记来定位div，具体如下：

conn = sq.connect('test.db')
c = conn.cursor()

def create_table():
c.execute('CREATE TABLE IF NOT EXISTS table(listItem VALUE)')


def data_entry():
x = 0
list1 = [61,33,4,5]
n = [l for l in list1]
while x < len(list1):
    listItem = n
    c.execute("INSERT INTO tell(listItem) VALUES (?)",
          (listItem))
    x += 1
conn.commit()


 create_table()
 data_entry()
 c.close()
 conn.close()

尽量避免使用!important是件好事，但这是覆盖内联样式的几种方法之一。

Similar discussion

Answer 2

您的属性和内联样式混淆了。 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">

http://jsbin.com/juhuteviqi/edit?html,css,js,output

如何使用媒体查询覆盖聚合物中定义的属性

2 个答案: