CSS Como fazer para alterar apenas uma tag e não todas no css?

10 de outubro de 2020

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <title>Título da página</title>
    <meta charset="utf-8">
  <style type="text/css">
    body{
      background-color:#4169E1;
      width: 100%;
    }
    table, th, td {
  border: 1px solid black;
        }   
     div{
      width: 100%;
     }   
  </style>  
  </head>
  <body>
  <div align="center" name="corpo">
<div>
  <img width="40%" align="left" src="terra.gif">
    <img  width="40%" align="right" src="terra.gif">
</div>
 <div align="center">
  <img width="40%" src="terra.gif">
</div>
</div>

  </body>
</html>

Como fazer para apenas a primeira div(corpo) ser width 100%? e as outras? como alterar apenas uma tag e não todas as divs?

Semnet · 10 de outubro de 2020

Adicione uma class ou id, exemplo:

Você pode aplica elas em qualquer elemento (pelo que eu me lembro) div, h1, h2.., p, footer, etc...

<div>
  <img width="40%" align="left" src="terra.gif" class="image-um" >
  <img  width="40%" align="right" src="terra.gif" id="image-dois" > 
</div>
//OBS: Pode ser class ou id, tanto faz, mas para chamar a class no style é ".alguma-coisa" e o id é "#alguma-coisa"
//exemplo abaixo

CSS:

<style>
	//para chamar a class
	.image-um {
		//seu css
	}
	//para chamar um id
	#image-dois {
		//seu css
	}
</style>

Utilizando class ou id você só vai mudar aqueles que você declarou um id, por exemplos, você tem 8 imagens, caso você usou 3 class ou id, só os 3 vão mudar.

Tem uns videos no youtube em pt-br falando sobre ela caso você ainda tenha duvida