我想更改卡片標題部分的 P 標簽文本顏色，但由于某些未知原因它無法正常作業
儀表板.html
<div class="container">
<div class="card">
<div class="card-header">
<p>Account: 2002384</p>
</div>
<div class="card-body">
<div class="row my-auto">
<p>Balance: $44,930.20</p>
</div>
</div>
</div>
樣式儀表板.css
.card-header{
color: #0c5460;
}
.card-header p{
color: #0c5460;
}
.card-header .p{
color: #0c5460;
}
p .card-header{
color: #0c5460;
}
他們都沒有作業
uj5u.com熱心網友回復：
.card-header p {
color: #0c5460;
}
.card-body p {
color: red;
} <div class="container">
<div class="card">
<div class="card-header">
<p>Account: 2002384</p>
</div>
<div class="card-body">
<div class="row my-auto">
<p>Balance: $44,930.20</p>
</div>
</div>
</div>uj5u.com熱心網友回復：
將你的 CSS 編輯成這樣的東西。
.card > p{
color: #0c5460;
}
.card > span {
color: #0c5460;
}
.row > p {
color: #0c5460;
} <div class="container">
<div class="card">
<p>Account: 2002384</p>
<span>Account: 2002384</span>
</div>
<div class="card-body">
<div class="row my-auto">
<p>Balance: $44,930.20</p>
</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/466344.html
上一篇：flex容器正在反轉專案
下一篇：如何將文本移動到下一行？