是否可以識別以前的 CSS？
這里的重點是card課堂。
例子：
<div class="app">
<div class="row">
<div class="card">
<label for="">Title</label>
<div class="number">
120
</div>
<div class="number">
Blah blah blah
</div>
</div>
</div>
<div class="row">
<div class="sm-6 md-6 lg-6">
<div class="card">
<label for="">Title</label>
<div class="number">
120
</div>
<div class="number">
Blah blah blah
</div>
</div>
</div>
</div>
在first row類card是孤獨的。在second row類名中，由 class 表示的列內sm-6 md-6 lg-6。
問題
是否可以將 CSS 應用于card僅在sm, md or lg.
謝謝。
uj5u.com熱心網友回復：
根據要求，如果您不想設計所有尺寸的樣式，您可以執行以下操作：
div[class^="sm-"] > .card {
// styles all classes starting with sm-* and where the first
// child element has the class .card
}
div[class^="md-"] > .card {
// style
}
div[class^="lg-"] > .card {
// style
}
或適用于所有情況的一條規則：
div[class^="sm-"] > .card, div[class^="md-"] > .card, div[class^="lg-"] > .card {
// styles card when its a child to a sm md or lg class
}
這有什么作用？
[] 選擇一個元素屬性，在這種情況下 [class]
^意味著開始于
uj5u.com熱心網友回復：
CSS.card是sm-6,md-6或lg-6class的子元素。
.sm-6 .card, .md-6 .card, .lg-6 .card {
background-color:red;
}
uj5u.com熱心網友回復：
.sm-6 .card, .md-6 .card, .lg-6 .card {
color:white;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/384467.html
標籤：css