Question

媒体查询的特殊性是什么？为什么删除封装最小屏幕宽度的媒体查询会覆盖小屏幕的媒体查询？

class A
{
private:
    string field1;
    string field2;
    string field3;
    double num1;

public:
    A(const string& o, const string& n, const string& m, double a = 0) : field1(o), field2(n), feild3(m), num1(a) {}

    A(const A& other) field1(other.field1), field2(other.field2), feild3(other.feild3), num1(other.num1) {}

    void show()
    {
        cout << field1 << " " << field2 << " " << field3 << "\n";
    }
};

/*--------------------------------------------------------------------------------------------*/

class B : public A
{
private:

    double num2;
    double num3;

public:

    B(double num2, double num3, const string& o, const string& n, const string& m, double a = 0) : A(o, n, num, a), num2(num2), num3(num3) {}

    B(const B& other) : A(other), num2(other.num2), num3(other.num3) {}

    void show()
    {
        cout << num2 << " " << num3 << "\n";
        A::show();
    }
};

Answer 1

媒体查询的特殊性是什么？

媒体查询对任何特异性都没有影响。

为什么删除封装最小屏幕宽度的媒体查询会覆盖小屏幕的媒体查询？

因为特异性是相同的 - 你的规则都使用简单的元素选择器 - 它归结为规则的顺序，而后者则胜利。

默认@media查询样式

1 个答案: