테이블에 처음으로 TD에서 테두리를 제거

내 현재 테이블은 다음과 같습니다테이블에 처음으로 TD에서 테두리를 제거

Current Table

내가 처음 두 TD의/TH의에서 테두리를 제거하려는이 같이 보이도록 :

What I want from Table

유일한 스타일 (두 번째 이미지는 내가 달성하고 싶은 것을 보여 그림판에서 수정 된) 내가 현재 사용하고있다 : 그것 때문에없는

table 
{ 
    border-collapse:collapse; 
}

, 내 표는 다음과 같이 정말 나쁜 같습니다

enter image description here

는 사람이 어떻게 원하는 것을 달성하기 위해 알고 있나요? 주위를 둘러 보았고 여기 저기에 다른 코드 스 니펫을 적용 해 보았습니다. 그러나 내가 원하는 것을 나에게주는 것은 아무것도 없었습니다. 시간 내 줘서 고마워.

편집

내가, 내가 literately 만, CSS와 아무것도 한 줄을 가지고 문제가 거기에서 오는되지 않았다 확신했다하지만이 때문에했기 때문에 나는 나의 표 마크 업을 추가 할 생각하지 않았다

<table border="1">의 내용으로 인해 내가 시도한 CSS 스 니펫 중 어느 것도 작동하지 않았습니다.

출처

2014-06-16 Brendan

바이올린을 추가하시기 바랍니다. –

테이블에 어떤 마크 업을 사용하고 있습니까? –

'빈 셀 : 숨기기;'? – urbz

가 나는 '그래서 바이올린을 만든 이미 답변을 얻었더라도 어쨌든 게시하십시오.

http://jsfiddle.net/amenadiel/rV7Yw/

.mytable tr:first-child td:nth-child(1), 
.mytable tr:first-child td:nth-child(2) { 
    border:1px transparent;  
}

출처

2014-06-16 13:07:17 amenadiel

당신이 만든 피들은 내가 여전히

을 사용하고 있음을 알게 해주었습니다. 그것을 제거한 후에, 나는 그것을 작동시킬 수있었습니다. 감사! – Brendan

듣기가 좋았습니다. – amenadiel

이 CSS로 두 번째의 테두리를 제거 할 수 있습니다 : 그것은 오래된 Internet Explorer 버전에서 작동하지 않을 수 있습니다

table tr:first th:nth(1), table tr:first th:nth(2) { 
    border: none; 
}

하는 것으로. HTML 구조에 따라 th을 td으로 바꿀 수도 있습니다.

출처

2014-06-16 13:02:51 Magus

이 시도 :

table tr:first-child > th:first-child, table tr:first-child > th:first-child + th{ 
    border:none; 
}

당신이 확실하지 않은 경우 다음 또한 아래 CSS를 유지 th 사용 여부 :

table tr:first-child > td:first-child, table tr:first-child > td:first-child + td, 
table tr:first-child > th:first-child, table tr:first-child > th:first-child + th { 
    border: none; 
}

Working Fiddle

출처

2014-06-16 13:03:10

마크 업에 '

'가있는 경우 충분하지 않습니다. 경우에 따라 테두리가 CSS에 설정되어 있지 않아야하므로 필요합니다. –

@ JukkaK.Korpela 네, OP에 경계 속성이 있는지 여부는 확실하지 않습니다. 어쨌든, 당신이 위에서 언급 한 케이스를 커버하는 것으로 보이는이 [** fiddle **] (http://jsfiddle.net/venkateshwar/E2kzW/3/)를했습니다. –

테이블에 처음으로 TD에서 테두리를 제거

답변

관련 문제