css - Src 以 Iframe 开头

Question

这是我的 iframe它包含很多表格。

<iframe id="DlgFramed4906422-9070-4604-bd1b-91c4216b088a" class="ms-dlgFrame" src="/Lists/Interne%20nyheder/DispForm.aspx?ID=68&amp;IsDlg=1" frameborder="0" style="width: 592px; height: 542px;"></iframe>

我正在尝试使用 iframe[src^="/Lists/Interne%20nyheder/DispForm.aspx"]但它似乎在我的页面上不起作用。

如果我从我的 css 中删除它，那么下面的代码就可以正常工作。

CSS

iframe[src^="/Lists/Interne%20nyheder/DispForm.aspx"] {

    #MSOZoneCell_WebPartWPQ1 {
        .ms-formtoolbar {
            display: none;
        }

        .ms-formtable {
            /*width: 70%;*/
            tbody {
                tr {
                    td.ms-formlabel {
                        display: none;
                    }
                }
            }
        }
    }
}

Answer 1

似乎有一些else 是错误的，但它不是 iFrame 选择器。我可以验证您用于 iFrame 的 CSS 选择器确实有效。您可以在下面的最小说明性示例中自己看到这一点。

iframe {
  border: 10px solid green !important;
  display: block;
  width: 200px;
  height: 200px;
}
iframe[src^="/Lists/Interne%20nyheder/DispForm.aspx"] {
  border: 10px solid blue !important;
}

<iframe src="/Lists/Interne%20nyheder/DispForm.aspx">
</iframe>