Seletores de contexto

[Fkarol 0]

Olá boa tarde

A sintaxe que estou usando esta errada para Seletores de contexto?

 

Por exemplo:

#geral #menu ul {...}

já que as regras estão sendo aplicadas em todas ul da página.

obrigada por tuda

[inforsis 1]

olá FKarol, Boa Tarde!

Passa um link com esse erro. Para que eu possa analisar o restante do código. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Kikitten 0]

Se é para todas...ul {;}

[Fkarol 0]

Boa noite

Inforsis segue o código como solicitado.

/* BODY - Engloba todas as formatações do site */body {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #000000;	margin: 0px;	background-color: #eceeeb;}/*__________________________________________________________________________________________*//* LAYOUT - Engloba todas as formatações do layout do site */#layout{	background-color: #FFFFFF;	width: 778px;	border: 1px solid #000000;	padding: 1px; /* As margens internas são definidas usando a propriedade padding */	margin:0 auto; /* Centraliza a página apenas horizontalmente */}/*__________________________________________________________________________________________*//* #HEADER - Engloba todas as formatações do cabeçalho do site */#layout #header{	background-color: #000099;	height: 50px;}/*__________________________________________________________________________________________*//* #MENU - Engloba todas as formatações do menu do site */#layout #menu{	background-color: #FFFFFF;	height: 44px;	border-top-width: 5px;	border-top-style: solid;	border-top-color: #e8e9ed;	border-bottom-width: 10px;	border-bottom-style: solid;	border-bottom-color: #e8e9ed;}#layout #menu ul li {	display: inline;}/*__________________________________________________________________________________________*//* #SECTION - Engloba todas as formatações das seções do site */#layout #section{	background-color: #6600FF;	width: 159px;	float: left;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #FFFFFF;}#layout #section ul {	width:100%;	background:#F3F3F3;	margin:0;	padding:0;	list-style-type:none;}#layout #section li {	border-bottom:1px solid #FFFFFF;}#layout #section li a:link, ul li a:visited {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size:13px;	color:#888888;	display:block;	height:20px;	text-decoration:none;	border-left:10px solid #dfe1e0;	padding-left:5px;	font-weight: bold;	font-style: normal;}#layout #section li a:hover {	background-color: #888888;	color:#FFFFFF;	border-left:10px solid #888888;}/*__________________________________________________________________________________________*//* #CONTENT - Engloba todas as formatações dos itens do site */#layout #content{	background-color: #CCCCCC;	width: 618px;	float: right;}/*__________________________________________________________________________________________*//* #FOOTER - Engloba todas as formatações do Rodapé do site */#layout #footer{	clear:both;	height: 30px;	border-top-width: 5px;	border-top-style: solid;	border-top-color: #e8e9ed;	padding-top: 9px;	margin-top: 2px;}#layout #footer #copyright{	float: left;	width: 50%;	height: 21px;}#layout #footer #desenvolvedor{	float: right;	width: 50%;	height: 21px;}

gostaria de ressaltar que o problema e que as regras: #layout #section ul, estão sendo aplicadas a qualquer ul

mas uma vez obrigada.

[Giovani 104]

Fkarol, dicas:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Não há necessidade de duplicar tópicos. O outro tópico, com o mesmo questionamento foi fechado.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Quando colocar código nos posts, coloque-os dentro da tag [ code ] [ /code ] (sem espaço)

 

Espero que consiga resolver o seu probelma.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fkarol 0]

Boa noite em primeiro luga quero desculpa-me,

sei que não estou seguindo todas as regras aqui do forum , mas não faço isso por mau, prometo que vou tomar mais cuidado.

 

Ufa já encontrei o erro esta no seguite trecho do código:

#layout #section li a:link, ul li a:visited {	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size:13px;	color:#888888;	display:block;	height:20px;	text-decoration:none;	border-left:10px solid #dfe1e0;	padding-left:5px;	font-weight: bold;	font-style: normal;}

 

pra ser mas ezato:

#layout #section li a:link, ul li a:visited {

 

Porém não sei como resolver o problema

acho que a solução e agrupar os seguintes itens: a:link, a:visited

 

Tentei fazer da seguinte forma

#layout #section ul li a:link, a:visited {

 

Mas não deu certo

 

Como faço para agrupar estes itens?

 

Mas uma vez obrigado por tudo!!!

[Kikitten 0]

Não entendi o porque de #layout #header ... ou todos os #layout ... não tem necessidade de repetir

 

E para agrupar você deve usar assim ó

 

#section a:link, #section a:visited {;}

Na verdade antes de fazer todas as perguntas... deveria ler os sites recomendados para estudo ^^ http://www.maujor.com/tutorial/seletores_css21_parte1.php

[Fkarol 0]

obrigado.

Em relação a #layout #header ... ou todos os #layout por uma questão de contexto.

É você também pode definir seletores que só serão aplicados se estiverem no contexto de um outro seletor, por exemplo:

P.verde EM {color: 000040}

indica que o EM só terá sua cor alterada se ocorrer dentro de um bloco P da classe "verde".

ah claro verdade antes de fazer perguntas... deveria ler os sites recomendados para estudo!!!

 

Abraço