.header の中のul の記載方法(SCSSは入れ子構造で記載)
html
<div class="header">
<ul></ul>
<ul></ul>
<ul></ul>
</div>
<ul></ul>
<ul></ul>
<ul></ul>
</div>
css
.header {width:100%}
.header ul {paddking:10px;}
scss
.header {
width:100%
ul {paddking:10px;}
}
クラス名を header→header2 に変えた場合
クラス名の訂正箇所が変わってくる。入れ子構造だと1か所でOK
html
<div class="header2">
<ul></ul>
<ul></ul>
<ul></ul>
</div>
<ul></ul>
</div>
<ul></ul>
<ul></ul>
<ul></ul>
</div>
<ul></ul>
</div>
css
.header2 {width:100%}
.header2 ul {paddking:10px;}
scss
.header2 {
width:100%
ul {paddking:10px;}
}