移除套用至所有元素

-4

我有暫時無法刪除適用於所有元素的規則問題的CSS規則。首先，道歉，但我不能上傳一個JSfiddle到這個職位 - 頁面網址是：http://www.chessdroids.com/matches/long/test2.html 移除套用至所有元素

問題是CSS規則'* {text-align：center}'被用於整個網站和我不能刪除它，但它會使棋盤對齊不正確。刪除規則的作品會破壞網站的其他區域。

如何刪除這個規則只在棋盤？我嘗試過使用非選擇器和畫布板> * {display：none！important}但無濟於事（請注意，我將紅色帆布板div包裹起來以包裹國際象棋棋盤）。僅供參考我正在使用畫布國際象棋查看器：http://www.canvaschess.com/pgn_install.php。

任何幫助將在這裏不勝感激爲我不確定如何解決這個問題，謝謝。

來源

2017-09-03 user3760941

使用'浮動：左;''爲.chessboard'然後' overflow：hidden;'.pgn_main_box'應該解決這個問題。 – techfoobar

「級聯樣式表」中的「級聯」意味着後面或更具體的規則會覆蓋較早的，較不具體的規則。覆蓋這個方法就像覆蓋CSS中任何地方的方法一樣;指定一個規則來做到這一點。 – 2017-09-03 09:22:31

謝謝。你怎麼知道把這兩個選擇器作爲目標？我也試圖刪除文本週圍的白色背景 – user3760941

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

來源

2017-09-03 09:15:31

謝謝！你怎麼知道把這兩個選擇器作爲目標？我也試圖消除文本週圍 – user3760941

白色背景我檢查了頁面，發現.pgn_main_box是.canvashesspgn的子元素。關於背景： .canvaschesspgn .pgn_main_box .move_list { backgtound：transparent; } 由於.move_list是.pgn_main_box –

的孩子這不是因爲這對準唯一正確的答案：左邊是做正在一個新的規則。你應該使用這個未設置的道具。看看我的回答 –

嘗試

.canvaschesspgn > * { 
text-align: left;

}

來源

2017-09-03 09:12:47

這不是一個好方法。後來，如果用戶想要讓它中心那麼他將重寫規則 –

的聲明一樣，他有「*」選擇器，它不是一個好方法開始。 –

-1

如果要重置任何你可以使用這個

* { 
text-align: unset; 
}

應該這樣做，享受

，這裏是css doc

來源

2017-09-03 09:18:54

但他說這個規則是「在整個網站中使用，我無法刪除它」，這相當於你的建議。 – 2017-09-03 17:04:56

變化

.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; 
}

所以文本對齊並不只適用於棋盤

來源

2017-09-03 09:30:48 MarioE

移除套用至所有元素

回答

相關問題