Question

我无法删除应用于所有元素的规则。首先，道歉但我无法将JSfiddle上传到此帖子 - 页面网址为：http://www.chessdroids.com/matches/long/test2.html

问题是CSS规则'* {text-align：center}'正在整个网站中使用，我无法删除它，但它使棋盘对齐不正确。删除规则有效，但会破坏网站的其他区域。

如何才能将此规则删除到国际象棋棋盘？我尝试过使用not selector和canvas-board＆gt; * {display：none！important}但无济于事（请注意，我制作红色帆布板div包装只是为了包裹棋盘）。仅供参考我使用画布国际象棋查看器：http://www.canvaschess.com/pgn_install.php。

任何帮助都会在这里受到高度赞赏，因为我不确定如何解决这个问题，谢谢。

Answer 1

尝试

rb_ary_store

}

Answer 2

.canvaschesspgn .pgn_main_box {
    text-align: left;
}

Answer 3

更改

.chessboard {
    border: 1px solid hsl(0, 0%, 33%);
    outline: 0 none;
}

到

.chessboard {
    border: 1px solid hsl(0, 0%, 33%);
    display: block !important;
    outline: 0 none;
}

因此text-align不仅适用于棋盘

Answer 4

如果您想重置任何内容，可以使用此

* {
text-align: unset;
}

应该这样做，享受

以下是css doc

删除适用于所有元素的CSS规则

4 个答案: