nesting
de regras CSS, que é uma maneira útil de organizar uma folha de estilo. Normalmente, cada elemento é direcionado em uma linha diferente para estilizá-lo, assim: nav {Para um projeto grande, o arquivo CSS terá muitas linhas e regras. É onde o
cor de fundo: vermelho;
}
nav ul {
estilo de lista: nenhum;
}
nav ul li {
display: bloco inline;
}
nesting
pode ajudar a organizar seu código, colocando regras de estilo filho nos respectivos elementos pai: nav {
cor de fundo: vermelho;
ul {
estilo de lista: nenhum;
li {
display: bloco inline;
}
}
}
nesting
mostrada acima para reorganizar as regras de CSS para os dois filhos do elemento .blog-post
. Para fins de teste, o h1
deve vir antes do elemento p
. h1
e p
sejam aninhados no elemento pai .blog-post
.
testString: 'assert(code.match(/\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi), "Your code should re-organize the CSS rules so the h1
and p
are nested in the .blog-post
parent element.");'
```
This is a paragraph