Yalnızca satır içi css'yi kullanarak bir tablodaki hücre sınırlarını işlemden geçirin

Question

Oluşturduğum bir tablonun kenarlık özelliklerini değiştirmem gerekiyor, ancak İçerik Yönetim Sistemi'nin arkasında çalışmamı sağlayan bir İçerik Yönetim Sistemi'nin arkasında çalışıyorum. stil sayfaları, yalnızca sayfanın HTML’si.

yüzden <table style="...."> kullanarak bazı tablo özelliklerini manipüle edebilmek, ama ben border kullandığınızda sadece dış sınırını değil, tek tek hücreler arasında var sınır etkiler bağlıyoruz. bu yüzden bir in-line CSS çözümü gerekir

Açıkçası ben <table> etiketi yani <table border="1px"> HTML kurallar ekleyebilirsiniz ancak bu sınır etkileyen dış stil üzerine yazılmaz.

Hücre arası sınırı gerçekten her bir td'a bir kenarlık özelliğini el ile eklemek için tek yol mu yoksa bir şey mi özledim? Yardımlarınız için

sayesinde

Answer 1

"gerçekten elle her td bir sınır özellik eklemek için hücreler arası sınır değiştirmenin tek yolu ... mı?"

Evet. Eğer bir stil etiketi ekler sürece

: Elbette

<style> 
table td {...} 
</style> 

, hep JavaScript var. jQuery: Eğer html kullanabilirsiniz yana

$('table td').css('border', '1px solid red'); 

Answer 2

bir stil eklemek ve td unsurları hedefleyebilir.
sayfanın diğer tabloları karıştırmasını önlemek için bir sınıf eklemek gerekir

<table class="some-class">.. 

ve

<style type="text/css"> 
    table.some-class td{ 
     border:1px solid black; 
    } 
</style>