html 표 셀에서 위쪽 테두리 제거

저는 많은 페이지에서 사용할 테이블이있는 사이트를 만드는 초기 단계에 있습니다. 모든 셀의 맨 위에있는 회색 테두리를 제외하고는 테이블의 스타일을 성공적으로 지정했습니다. 나는 그것을 제거 할 수없는 것 같습니다.html 표 셀에서 위쪽 테두리 제거

[이 사이트는 다음과 같습니다 http://www.randysrides.com/1970-chevrolet-camaro/][1]

다음과 같이 테이블에 대한 HTML은 다음과 같습니다

<div class="spec_table"> 
<table> 
<tbody> 
<tr> 
<td><strong>Engine:</strong> Wagner LS-3 (603 hp)</td> 
</tr> 
<tr> 
<td><strong>Transmission:</strong> Bowler Tremec 5-speed</td> 
</tr> 
<tr> 
<td><strong>Exhaust:</strong> Flowmaster Super 44 Mufflers</td> 
</tr> 
<tr> 
<td><strong>Ignition: </strong>Crane</td> 
</tr> 
<tr> 
<td><strong>Radiator: </strong>Be Cool</td> 
</tr> 
<tr> 
<td><strong>Rear End: </strong>GM 12-bolt</td> 
</tr> 
<tr> 
<td><strong>Suspension: </strong>AVCO/JME</td> 
</tr> 
<tr> 
<td><strong>Brakes: </strong>Willwood</td> 
</tr> 
<tr> 
<td><strong>Wheels: </strong>Billet Specialties</td> 
</tr> 
<tr> 
<td><strong>Paint:</strong> BASF Waterborne “Grinch Green”</td> 
</tr> 
<tr> 
<td><strong>Interior: </strong>Mark Millbrandt</td> 
</tr> 
<tr> 
<td><strong>Seats: </strong>Recaro</td> 
</tr> 
<tr> 
<td><strong>Sound System: </strong>Alpine</td> 
</tr> 
</tbody> 
</table> 
</div>

나는 다음 CSS 있습니다

.spec_table {width: 100%; max-width: 350px; margin-top: -31px;} 
.spec_table table {margin-left: 0px;border-collapse:collapse;border: 0;} 
.spec_table tr {border-left: 2px solid rgba(38,201,255,1);} 
.spec_table td {margin-left: -20px; font-size: .9em; line-height: 1.1em;}

것은 그냥 수없는 것을 모든 셀의 맨 위에있는 밝은 회색 테두리를 제거합니다.

도움을 주시면 감사하겠습니다.

은 위쪽 테두리가

.entry-content tr td { border-top: 1px solid #eee; padding: 6px 24px; }

제거 어디에서 오는, 자레드

출처

2014-06-18 user3753413

'국경이 추가

.entry-content tr td { border-top: 1px solid #eee; padding: 6px 24px; }

당신은이 스타일을 재정의해야 당신의있는 style.css에 국경 존재의 스타일을 가지고 -top : none;'? 테두리를 배경색과 동일하게 설정하여 보이지 않게 할 수 있습니까? 또한 문제가 위의 코드로 인해 발생하는 것처럼 보이지 않습니다. http://jsfiddle.net/kJW2U/ – BuddhistBeast

위쪽 테두리가 전혀 없습니다. http://jsfiddle.net/uej9J/ 문제는 게시 한 코드가 아닌 다른 곳 (실제 코드에서)입니다. –

귀하의 페이지는 "페이지를 찾을 수 없습니다"라는 것을 나타내므로 라이브 예제도 없습니다. – BuddhistBeast

당신은

당신의 CSS

당신은 시도했습니다

.spec_table td { 
margin-left: -20px; 
font-size: .9em; 
line-height: 1.1em; 
border-top: none !important; 
}

출처

2014-06-18 16:44:20

! important로 "border-top :"스타일을 추가하는 것은 필자가 필요로하는 것입니다. 의견을 보내 주신 모든 분들께 진심으로 감사드립니다. 나는 "자료 입력"수업에 대한 스타일을 내 Wordpress 테마에서 추측하고 있습니다. 이것은 StackOverflow에 대한 첫 번째 게시물 이었지만 필자는 분명히 돌아와 스스로 기여하려고합니다. – user3753413

귀하의 웹 사이트 링크가 표시 감사 또는 더 위쪽 테두리가 없도록이 셀렉터를 우선합니다.

CSS의이 비트가 예제 코드에 없으므로 아마도 테이블에서 상속 받기를 기대하지 않았을 것입니다.

또한 링크에 몇 가지 여분의 물건이 있으므로 작동하지 않습니다 ..하지만 어쨌든 나는 페이지를 발견했습니다.

출처

2014-06-18 16:42:10 Pricey

아주 좋은 캐치! – BuddhistBeast

다음 테두리 탑이없는 것으로 첫 번째 테이블의 TD에, 당신의 CSS

.entry-content tr:first-child td:first-child { 
border-top: none; 
}

이 첫 번째 테이블의 TR을 대상으로 의사 요소를 사용하여이 점을 추가합니다.

출처

2014-06-18 16:42:25 HeyImArt

html 표 셀에서 위쪽 테두리 제거

답변

관련 문제