제뉴어리의 모든것

우선순위 테스트 /* 적용됨 */ 이름 /* 적용됨 */ 전화번호 /* 적용됨 */ 결과 화면 코드에 달린 주석에서 설명하듯이 #ulist란 id를 가진 요소의 하위 요소중 첫번째 자식이 될 수 있는 모든 요소에 스타일이 적용됬다. 그렇다면 이름 라벨에만 스타일을 적용하고 싶다면? #ulist :first-child{ /* ulist란 id를 가진 요소 하위에 첫번째 자식이 되는 모든 요소에 적용 */ border: 10px solid pink; } 부분을 아래와 같이 바꿔주면 된다. #ulist li:first-child{ border: 10px solid pink; } 결과화면 그렇다면 이름 input요소에만 스타일을 적용하고 싶다면? 위에서 수정한 스타일 부분을 아래와 같이 수정 해주면 된다. #u..

package test; import java.util.Arrays; import java.util.stream.IntStream; public class Test { public static void main(String[] args) { // 문자열 final String[] UPLOADABLE_FILE_EXTENSION = { "png", "jpg", "pdf", "xlsx", "xls", "hwp" }; String extension1 = ""; String extension2 = ""; boolean java7 = false; boolean java8 = true; extension1 = "pdf"; java7 = Arrays.asList(UPLOADABLE_FILE_EXTENSION).cont..

System.out.println(Arrays.toString(arr)); arr은 출력할 배열 출처: https://korbillgates.tistory.com/120 [생물정보학자의 블로그]

perspective 속성은 원금감을 주는 속성으로 값은 0보다 커야하며, 원래 있던 위치에서 사용자가 있는쪽으로 얼마나 이동하는지를 픽셀 크기로 나타낸다. 값이 클수록 사용자로부터 멀어지고, 주의할 점은 perspective 속성을 변형하는 요소가 아니라 변형하는 요소의 부모 요소에 정의해야 한다는 것이다. /* 박스영역 적용하고 회전 적용 */

X > Y div#container > ul { border: 1px solid black; } 일반 X Y와 X > Y의 차이점은 후자가 직계 자식만을 선택한다는 것입니다. 가령, 아래 마크업을 생각해 보세요. List Item Child List Item List Item List Item #container > ul 선택자는 id가 container인 div의 직계 자손인 ul만 대상으로 삼습니다. 예를 들어 첫 번째 li의 자식인 ul은 대상이 되지 않습니다.

CSS 여러가지 선택자 지금까지 포스팅한 선택자 말고도 간간히 사용되는 선택자가 있어서 이것도 한번 정리를 하는게 좋을 듯해서 이번 포스팅에선 나머지 선택자를 알아보겠습니다. CSS를 처음하시는 분들도 가볍게 보시면 됩니다. 저도 잘 외우는 스타일이 아니라서 이렇게 정리를 한번씩 해봅니다. 나중에 기억이 안나면 보면서 하면 되니까 말입니다. 1. A + B 이것은 무슨 연산자 같은 선택자입니다. 이것은 a 태그 옆에 B태그를 선택하라는 선택자입니다. 안녕하세요 하이요 룰루랄라 위의 그림을 보면 이해가 갈란가요? 앞에 포스팅 보면 자손,후손에 관한 선택자가 있었는데요. 이것은 자매 관계에 있는 태그 중에 바로 옆에 있는 태그를 선택하라는 선택자입니다. 가운데 h1태그는 div태그 아래에 있기 때문에 적용이..