Falando sobre design modular CSS padrão da web a partir de espaços

1. Operador espacial

(1) Linguagem CSS

Simplificando, a linguagem CSS é semelhante à linguagem JS. Ela é baixada pelo cliente e analisada pelo navegador local. A linguagem CSS é uma linguagem de "tipagem fraca" de nível muito baixo. Ainda está longe de ser uma linguagem de "tipagem fraca" baseada em objetos relativamente completa, como JS. Você deve saber que os estilos CSS são definidos e a apresentação dos estilos é baseada na ordem do fluxo do documento e no nível de prioridade CSS, e é exibida após o navegador reconhecê-los e calculá-los. E os navegadores possuem funções de ignorar e corrigir erros (especialmente o IE), portanto, se a sintaxe da definição do estilo estiver errada, isso não afetará o funcionamento normal do navegador, mas não exibirá o efeito desejado. Quando projetamos e definimos estilos, a solução de problemas é mais angustiante. O motivo essencial está relacionado à frouxidão da própria linguagem CSS de tipo fraco. Portanto, devemos prestar mais atenção às proibições estritas das definições CSS para cometer menos erros. , melhor trabalho feito mais rápido.

(2) Operadores CSS

Em primeiro lugar, não existem muitos operadores na linguagem CSS. Existem .#{}:"; e um espaço muito importante. Esses operadores são símbolos de declaração de definição comumente usados. Nas definições de estilo CSS, espaços É um pouco especial, nós podemos pensar nele como o operador . em um namespace ou definição de pacote de classe em .Net ou Java. Em outras palavras, podemos pensar em espaços como setas apontando para caminhos, indicando o relacionamento de nível pai-filho das tags HTML. relacionado ao HTML, ou seja, cada definição de CSS corresponde a "uma determinada tag HTML" ou "um certo código HTML modular", e o HTML pode chamar várias classes de estilo CSS. As classes podem ser "definidas de forma composta" com base no código HTML. ; uma tag HTML também pode ser "chamada de forma composta" em várias classes de estilo. Portanto, a complexidade da definição do estilo CSS é inseparável do HTML associado.

(3) Exemplo de descrição

explicar:

1. O caminho de classe da primeira classe b é td.b, que define o estilo das tags com class="b" em todas as tags td no documento HTML.