Question

我对HTML，PHP和CSS有点陌生，但是我的样式表没有应用某些更改存在问题。

这是我的HTML中出现问题的部分：

<div class="container" id="contact">
    Some Random Text
    <br/><br/>
    More Random Text
</div>

以及我的样式表中的相应ID：

#contact{
    color:white;
    font-size:20px;
    font-weight:bold;
}

我正在将Bootstrap用于网格之类的东西，并且我已经确保在自己使用Bootstrap样式表之前（不要覆盖自己的更改）。

我真正不明白的是，如果我输入以下HTML，我会得到所需的结果，而上一个HTML却没有：

<div class="container" style="color:white; font-size:20px; font-weight:bold;">
    Some Random Text
    <br/><br/>
    More Random Text
</div>

我希望我的问题很清楚，并且我没有犯过很多英语错误（不是母语的人）。

Answer 1

也许您没有链接CSS，对吗？例如，如果您将index.html文件和style.css文件放在一个目录中，则可以这样编写：

#include <QtCore>
#include <fcntl.h>
#include <linux/input.h>

int main(int argc, char *argv[])
{
    QCoreApplication a(argc, argv);

    const char *device_name = "/dev/input/by-path/platform-i8042-serio-0-event-kbd";

    int descriptor = open(device_name, O_RDONLY | O_NONBLOCK);

    if (descriptor < 0)
    {
        qDebug() << "Error" << strerror(errno);
        return a.exec();
    }

    QFile device;

    if (!device.open(descriptor, QFile::ReadOnly))
    {
        qDebug() << "Error" << qPrintable(device.errorString());
        return a.exec();
    }

    QSocketNotifier notifier(device.handle(), QSocketNotifier::Read);

    QObject::connect(&notifier, &QSocketNotifier::activated, &notifier, [&](int socket){
        Q_UNUSED(socket)

        struct input_event ev;

        QByteArray data = device.readAll();

        qDebug() << "Event caught:"
                 << "\n\nDATA SIZE" << data.size()
                 << "\nSTRUCT COUNT" << data.size() / int(sizeof(input_event))
                 << "\nSTRUCT SIZE" << sizeof(input_event);

        qDebug() << ""; //New line

        while (data.size() >= int(sizeof(input_event)))
        {
            memcpy(&ev, data.data(), sizeof(input_event));

            data.remove(0, int(sizeof(input_event)));

            qDebug() << "TYPE" << ev.type << "CODE" << ev.code << "VALUE" << ev.value << "TIME" << ev.time.tv_sec;
        }

        qDebug() << ""; //New line
    });

    return a.exec();
}

但是，如果您在文件夹“ css”上的css文件不要忘记写：<link type="text/css" rel="stylesheet" href="style.css">

Answer 2

在遵循Ths的回答之后，我一直在寻找解决此可能缓存问题的方法。并从以下位置更改样式表调用后：

<link rel="stylesheet" media="all" type="text/css"href="css/style.css" >

收件人：

<link rel="stylesheet" href="css/style.css" media="all" type="text/css <?php echo date('l jS \of F Y h:i:s A'); ?>">

现在似乎可以正确更新。这是有关此CSS缓存问题的说明的链接： https://css-tricks.com/can-we-prevent-css-caching/

Answer 3

这是因为您的规则位于html标签上，因此具有更高的优先级

您应该使用开发人员工具确定哪些样式可以有效设置样式

样式优先级要解决为“您是新用户”有点复杂，但首先要遵循的规则是“活动中”（似乎不是，但使用开发人员的工具可以有所帮助）

还可以尝试使用«.container＃contact»更精确吗？

样式表处理的顺序不会影响优先级逻辑，但在某些情况下会更改结果为“活动”样式

F12和“检查样式”选项卡...

CSS ID /类，样式更改不适用

3 个答案: