[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.66,0:00:04.78,Default,,0000,0000,0000,,Eu amo a arte dos museus. Mas não tenho\Ntempo para ir a um todo dia.
Dialogue: 0,0:00:04.78,0:00:07.73,Default,,0000,0000,0000,,Felizmente, eu posso encontrar ótimas\Npinturas na internet.
Dialogue: 0,0:00:07.99,0:00:11.28,Default,,0000,0000,0000,,Como várias aqui no Khan Academy, \Nna nossa sessão de arte histórica.
Dialogue: 0,0:00:11.28,0:00:14.58,Default,,0000,0000,0000,,Fiz então esta página com lista de\Npinturas famosas,
Dialogue: 0,0:00:14.58,0:00:21.32,Default,,0000,0000,0000,,com um cabeçalho e listas para cada arte,\Ne links para o artigo de cada uma delas.\N
Dialogue: 0,0:00:21.32,0:00:24.97,Default,,0000,0000,0000,,Para fazer essa página ficar mais chique
Dialogue: 0,0:00:25.16,0:00:31.10,Default,,0000,0000,0000,,usei regras CSS para mudar a família\Nda fonte dos títulos {\i1}< h1 >{\i0} e {\i1}< h2 >{\i0}
Dialogue: 0,0:00:31.15,0:00:38.89,Default,,0000,0000,0000,,Eu gosto de cursiva, mas {\i1}fantasy{\i0} pode\Nficar melhor, vamos mudar para ver.
Dialogue: 0,0:00:38.89,0:00:43.85,Default,,0000,0000,0000,,Preciso mudar também aqui, \Nporque temos duas regras.
Dialogue: 0,0:00:43.85,0:00:49.26,Default,,0000,0000,0000,,Eu sempre quero meus cabeçalhos nesta\Npágina tendo a mesma família de fonte
Dialogue: 0,0:00:49.26,0:00:54.41,Default,,0000,0000,0000,,e eu não quero ter que mudar a fonte \Nem dois lugares quando mudar de ideia.
Dialogue: 0,0:00:54.41,0:01:00.88,Default,,0000,0000,0000,,Qual é a solução aqui para colocar\Nas duas regras CSS em uma só?
Dialogue: 0,0:01:00.88,0:01:03.78,Default,,0000,0000,0000,,Pense um pouco nisso.
Dialogue: 0,0:01:03.78,0:01:08.07,Default,,0000,0000,0000,,Você poderia sugerir a adição da mesma\Nclasse no {\i1}< h1 >{\i0} e {\i1}< h2 >{\i0}.
Dialogue: 0,0:01:08.07,0:01:12.05,Default,,0000,0000,0000,,E realmente funcionaria, teríamos apenas\Numa regra CSS para aquela classe.
Dialogue: 0,0:01:12.05,0:01:14.71,Default,,0000,0000,0000,,Mas no final daria mais trabalho
Dialogue: 0,0:01:14.71,0:01:19.12,Default,,0000,0000,0000,,porque precisaríamos lembrar de adicionar\Na classe em cada {\i1}< h1 >{\i0} ou {\i1}< h2 >{\i0}.
Dialogue: 0,0:01:19.12,0:01:25.50,Default,,0000,0000,0000,,Felizmente, existe um jeito melhor. Basta\Nagrupar nossos seletores usando vírgulas.
Dialogue: 0,0:01:26.36,0:01:31.97,Default,,0000,0000,0000,,Apenas adicionamos vírgula após este {\i1}h1{\i0},\Ne escrevemos {\i1}h2{\i0}.
Dialogue: 0,0:01:31.97,0:01:37.26,Default,,0000,0000,0000,,Agora podemos deletar esta outra regra,\Npois unimos nesta primeira.
Dialogue: 0,0:01:37.26,0:01:39.95,Default,,0000,0000,0000,,Olha só, nossa página está igual!
Dialogue: 0,0:01:39.95,0:01:44.27,Default,,0000,0000,0000,,Agora quando queremos mudar de fonte,\Neu posso fazer isso em apenas um lugar.
Dialogue: 0,0:01:44.27,0:01:48.68,Default,,0000,0000,0000,,Aqui, irá mudar de volta à cursiva,\Ne agora todas são cursiva.
Dialogue: 0,0:01:48.68,0:01:55.76,Default,,0000,0000,0000,,Cuidado com esta vírgula. O seletor deve\Nser separado por vírgula, não espaço.
Dialogue: 0,0:01:55.76,0:02:03.05,Default,,0000,0000,0000,,Um espaço pega seletores descendentes,\No que é totalmente diferente em CSS.
Dialogue: 0,0:02:03.05,0:02:08.52,Default,,0000,0000,0000,,Agrupar seletores pode ser ótimo para\Nreduzir a redundância de seletores.
Dialogue: 0,0:02:08.52,0:02:13.71,Default,,0000,0000,0000,,Mas não use com excesso. Não agrupe-os só\Nporque quer algumas propriedades em comum.
Dialogue: 0,0:02:13.71,0:02:18.34,Default,,0000,0000,0000,,Você deve agrupá-los se você sempre quer\Nque tenham sempre as mesmas propriedades.
Dialogue: 0,0:02:18.36,0:02:21.89,Default,,0000,0000,0000,,Normalmente porque eles são \Nsemanticamente parecidos entre si.
Dialogue: 0,0:02:21.89,0:02:28.26,Default,,0000,0000,0000,,Neste caso, meu seletor é para todos os \Ncabeçalhos, quais quero os mesmos estilos.
Dialogue: 0,0:02:28.26,0:02:31.99,Default,,0000,0000,0000,,Fique ligado para mais um uso comum\Nde grupos de seletores.
Dialogue: 0,0:02:32.03,0:02:34.00,Default,,0000,0000,0000,,Traduzido por [Paulo Trentin]\NRevisado por [Fernando dos Reis]