Я хочу, чтобы эта таблица исчезла, но по какой-то причине она не исчезнет.Что происходит?
Я использую IE8.
Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> .test_table { display: none; background: #fff000; } </style> </head> <body> <table id="test_table"> <tr><td>test</td><td>teh4</td></tr> <tr><td>te3st</td><td>t2eh4</td></tr> <tr><td>tes4t</td><td>t2eh4</td></tr> <tr><td>tes5t</td><td>t3eh4</td></tr> </table> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> .test_table { display: none; background: #fff000; } </style> </head> <body> <table class="test_table"> <tr><td>test</td><td>teh4</td></tr> <tr><td>te3st</td><td>t2eh4</td></tr> <tr><td>tes4t</td><td>t2eh4</td></tr> <tr><td>tes5t</td><td>t3eh4</td></tr> </table> </body> </html>
или
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> #test_table { display: none; background: #fff000; } </style> </head> <body> <table id="test_table"> <tr><td>test</td><td>teh4</td></tr> <tr><td>te3st</td><td>t2eh4</td></tr> <tr><td>tes4t</td><td>t2eh4</td></tr> <tr><td>tes5t</td><td>t3eh4</td></tr> </table> </body> </html>
в любом случае будет работать.
Вы дали таблице ID = test_table для использования идентификатора '#test_table' Если вы дали ей класс, тогда вы будете использовать '.test_table'
ID = test_table
'#test_table'
'.test_table'
Ваш селектор CSS неправильный..test_table выбирает таблицу с class="test_table", но ваша собственная имеет id вместо class.
.test_table
class="test_table"
id
class
. Исправьте это, используя class вместо id или изменив селектор.до #test_table (# - это селектор id).
#test_table
#
идентификатор test_table определен как класс, в таблице нет ни одного класса, просто идентификатор "test_table". Это исправление:
<table class="test_table">