Forum PHP.pl > [HTML] W jaki sposób zmusić CSS do nie ustawiania styli w zagnieżczonej tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML] W jaki sposób zmusić CSS do nie ustawiania styli w zagnieżczonej tabeli

one_eddie

12.03.2010, 23:15:05

Prosty przykład:

[HTML] pobierz, plaintext 
<html>
<head>
<style>
table.KlasaA td
{
	background-color: red;
}
</style>
</head>
<body>
	<table class="KlasaA">
	<tr>
		<td>
			przyklad
		</td>
		<td>
			<table style="background-color:green;">
			<tr>
				<td>
					przyklad2
				</td>
			</tr>
			<tr>
				<td>
					przyklad3
				</td>
			</tr>
			<table>
		</td>
	</tr>
	<table>
</body>
</html>
[HTML] pobierz, plaintext

Osobiście oczekuje że zagnieżdżona tabela będzie zielona. Wynik jest odwrotny. Czy jest jakis sposób aby nie uszkadzać styli wewnętrznej tabeli?

piotrooo89

12.03.2010, 23:21:13

no to zamiast:

[HTML] pobierz, plaintext 
table.KlasaA td
[HTML] pobierz, plaintext

daj

[HTML] pobierz, plaintext 
table.KlasaA
[HTML] pobierz, plaintext

one_eddie

13.03.2010, 01:27:42

Dobrze nie wyraziłem się jasno, postaram się poprawić

Niestety musze do każdego elementu td przypiąć styl i ten zapis jest mi potrzebny. Czy w takim przypadku są inne propozycje rozwiązania problemu?

kipero

13.03.2010, 10:26:46

[CSS] pobierz, plaintext 
table.KlasaA td{
	background-color: red;
}
 
table.KlasaA td table td {
	background-color: inherit;
}
[CSS] pobierz, plaintext

O to chodzi?

one_eddie

19.03.2010, 00:35:38

Dziękuje za odpowiedzi. Myślę że to przybliżyło mnie do rozwiązania ale chyba nie jest to jeszcze to czego szukam.

Na stronie korzystam z innych komponentów które renderują się jako minimum jeden element table. Ja wrzucam komponent w element table, która chce wystylować - prosty formularz. Aktualnie wygląda to tak, że moje style dla głównej tabeli zmieniają wszystkie zagnieżdżone style tabel kontrolki. Podaje wyżej rozwiązanie zadziała ale musiałbym zdefiniować wszystkie style które zmieniam w głównej tabeli. Musze również przewidzieć ile zagnieżdżonych tabel i jak ułożone są w DOM a to jest już duzy problem. Mam racje?

Udało mi się znaleźć rozwiązanie:

[HTML] pobierz, plaintext 
table.KlasaA td:ntx-child(2)
{
	background-color: red;
}
[HTML] pobierz, plaintext

Niestety nie działa pod żadną wersją IE. Czy ktoś ma jakiś pomysł jak to poprawić?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.