CSS樣式權重是指在多個同樣作用于元素的CSS規則中，優先級高的CSS規則會被瀏覽器優先采用，而權重越高的CSS規則，其優先級也相應越高。在實際應用中，我們經常需要通過一些特定的方法來增加CSS樣式的權重，以實現樣式的正確應用。

/* 以下是CSS樣式規則，按照優先級由高到低排序 */
/* 權重：0，顏色為紅色 */
p {
color: red;
}
/* 權重：10，顏色為藍色 */
#content p{
color: blue;
}
/* 權重：20，顏色為綠色 */
.content p{
color: green;
}
/* 權重：30，顏色為黑色 */
body .content p{
color: black;
}

珍惜CSS樣式規則，避免聲明重復

/* 權重：20，文字樣式為粗體 */
p {
font-weight: bold;
}
/* 權重：10，文字樣式為斜體 */
p {
font-style: italic;
}

在CSS中使用!important關鍵字

/* 權重：100，顏色為藍色 */
p {
color: blue!important;
}
/* 權重：10，顏色為綠色 */
.content p{
color: green;
}

通過嵌套規則提高權重

/* 權重：10，顏色為綠色 */
.content p{
color: green;
}
/* 權重：20，顏色為藍色 */
.content{
p{
color: blue;
}
}

使用id選擇器提高權重

/* 權重：100，顏色為藍色 */
#content p {
color: blue;
}
/* 權重：10，顏色為綠色 */
.content p{
color: green;
}

使用同層次的類選擇器提高權重

/* 權重：20，顏色為綠色 */
.content p{
color: green;
}
/* 權重：30，顏色為藍色 */
.content .tips p{
color: blue;
}

總結

CSS樣式的優先級是通過特定規則確定的，對規則的合理使用可以幫助開發者正確應用樣式。在權重相近的情況下，嵌套規則、id選擇器、類選擇器、!important關鍵字等方法可以有效提高CSS樣式的權重。