Como Fazer A Utilização Correta Da Folha De Estilo (Css)?

[Igor B]

Boa tarde,

Eu estou quebrando a cabeça para um assunto que pode parecer de fácil resolução (para quem é experiente).

O que está acontecendo é o seguinte:

tenho um site e esse site tem a folha de estilo x.css, fiz a aquisição de uma tabela de preços e essa tabela de preço veio com a folha de estilo y.css. No código fonte, setei a seguinte configuração:

<link rel="stylesheet" href="css/x.css" type="text/css"/>

<link rel="stylesheet" href="css/y.css" type="text/css"/>

O problema é que a folha de estilo y.css altera o conteúdo do site, como fontes, cores e etc.

Gostaria de saber como eu faço para que o y.css afete apenas a tabela de preço e não o site todo.

Espero que entendam minha explicação.

Abraços.

[zanin]

Coloca para a folha do site vir por ultimo.

[Igor B]

Coloca para a folha do site vir por ultimo.

Desculpe minha ignorância, mas como faço isso? Sou leigo no assunto.

[zanin]

Se está assim:

<link rel="stylesheet" href="css/x.css" type="text/css"/>

<link rel="stylesheet" href="css/y.css" type="text/css"/>

Você coloca assim:

<link rel="stylesheet" href="css/y.css" type="text/css"/>

<link rel="stylesheet" href="css/x.css" type="text/css"/>

[Thiago Sabaia]

Tem como postar o y.css aqui para a gente ver melhor... Pois pode ser algum código nele que está interferindo no site.

[Igor B]

Tem como postar o y.css aqui para a gente ver melhor... Pois pode ser algum código nele que está interferindo no site.

Na verdade essa tabela possui duas folhas de estilos, segue:

style.css

EDIT: ESSA FOLHA NÃO TEM NADA RELACIONADO AS ALTERAÇÕES, APENAS A RESET ESTÁ INTERFERINDO.

e essa, chamada de reset.css:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* HTML5 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

Preciso que a reset altere apenas a tabela, mesmo contendo os mesmos elementos da folha de estilo do site, como por exemplo: h1, h2, etc.

[Thiago Sabaia]

A parte

body {

font-family: "Open Sans", arial, helvetica, sans-serif;

font-size: 12px;

line-height: 1.5;

}

a {text-decoration: none}

que deve está fazendo isso, tira essa parte do código e testa.

[Igor B]

A parte

body {

font-family: "Open Sans", arial, helvetica, sans-serif;

font-size: 12px;

line-height: 1.5;

}

a {text-decoration: none}

que deve está fazendo isso, tira essa parte do código e testa.

Eu tirei e toda a página ficou com uma letra feia, estilo sans-serif.

Realmente não sei como fazer.

[Jamis Henrique]

Olha as "class" e "divs" da tabela (ex : class="x"... div="x') vendo elas vá a arquivo .css que veio com a tabela e exclua TODO código que não estiver relação com as class e divs encontradas antes.

Lembre-se de fazer um backup do arquivo antes.

[Igor B]

Olha as "class" e "divs" da tabela (ex : class="x"... div="x') vendo elas vá a arquivo .css que veio com a tabela e exclua TODO código que não estiver relação com as class e divs encontradas antes.

Lembre-se de fazer um backup do arquivo antes.

Vou fazer isso.