Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vitor Curtis

[Resolvido] Problemas com texto

Por , em Desenvolvimento frontend

Recommended Posts

Vitor Curtis    0

Vitor Curtis
Postado

Olá Pessoal, tudo bem?

Faz muito tempo que não faço um site, porém estes dias surgiu a necessidade e fiquei de cabelo em pé com tanta tecnologia nova que tive de dar

uma olhada.

Consegui fazer tudo o que precisava, porém, existem alguns problemas que não consigo solucionar e não encontro ninguém que saiba como resolver, parece simples, mas não é. Pelo menos é o que parece.

 

Abaixo segue um código para brincar com os problemas:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{
	font-family:Arial;
	font-size:16px;
	color:#F00;
}
#conteudo p, #conteudo p *{
	padding-left:8px;
	padding-right:8px;
	font-family:Verdana, Sans-Serif;
	font-size:80%;
	color:#666;
}
</style>
</head>

<body>
<div id="homepage">
	<div id="conteudo">
		<p>Olá mundo!<i>Olá mundo</i> <span class="notT">Olá mundo</span>.</p>
		<p>Olá m<u>un</u>do</p>
	</div>
</div>
</body>
</html>

1 - Caso eu retire a string '#conteudo p *' do seletor, os textos ficam em vermelho. Isto é um problema para meu caso. Seria interessante se as tags dentro de "#conteudo p" herdassem a configuração de #conteudo p.

2 - Quando aplicamos as tags <i></i>, <span></span>, <u></u> ou outras, o tamanho da fonte também é alterado. Isto fica mais visível no texto com span.

3 - Quando utilizada as tags <span>, <i>, <u> e outros da forma como está, é adicionado espaços entre as palavras. Quando é retirado a string "#conteudo p *" do seletor, este problema some.

 

Alguém já passou por estes problemas antes e conseguiu resolver?

 

 

Falow

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Atenção:

Este subfórum é destinado apenas para postagem de sites criados nos padrões W3C para críticas e comentários.

Não é permitido a abertura de tópicos com dúvidas. Para isso, use o Fórum de Webstandards.

Tópico Movido para o fórum principal.

 

Quem tá herdando a cor vermelha é o span e o i, o parágrafo em si tá fazendo certo, e pegando dele mesmo

Para mudar isso, algo como:

#conteudo p,
#conteudo p span {
se faz necessário.

Por isso que a tua declaração com o * selecionando os filhos do p funciona.

 

A propriedade color, não aceita o valor inherit por isso q não herdou da declaração simples: #conteudo p

Pois você foi mais específico ao fazer * { color: #f00; }

 

Propriedades 'perigosas' assim, não devem ficar no global.

Veja a diferença de fazer por exemplo:

* {
	font-family:Arial;
	font-size:16px;
}
body {
	color: #f00;
}
viu? ai você diz que os elementos vão herdar do body, sem estar explicitamente atribuindo à eles, como você antes com o color no *.

 

Esse é o mais correto. Não faça declarações sob as quais não tenha controle.

Cuidado com o * (ele é guloso) http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito