HTML & CSS 56

선택자 우선순위, CSS 관련 팁

1. 마지막 코드를 우선한다. 가장 최근에 쓰여진, 위치로 보면 아래에 해당하는 코드가 우선 적용된다. 컴퓨터는 위에서 아래로 코드를 읽어나가기 때문에 마지막 코드를 우선한다. 2. 구체적인 것을 우선한다. HTML 기본요소< 클래스 < id가 더 구체적이다. * HTML 기본요소< 클래스 * 클래스 < id 외부의 CSS파일보다, HTML에 inline되어진 내부 CSS 스타일을 우선한다. *외부 CSS < 내부 CSS CSS는 이처럼 구체적인 것을 우선하여 적용한다. 3. CSS를 잘 쓰는 방법 충돌을 피하고, 나중에 디버깅하기에 용이하며, 우선순위에 따라 CSS를 잘 적용하기 위해서 아래의 3가지를 제안한다. 1) id는 특별한 경우에만 드물게 쓴다. 선택자를 지정할 때 웬만하면 class를 이용해..

HTML & CSS 2022.12.16

CSS selector 선택자 결합, multiple, hierarchical, combined selector

HTML은 건물의 구조를 세우는 것이라면, CSS는 인테리어를 하는 것이다. 인테리어를 할 때 가령, 아래와 같이 구체적이고 세부적으로 지정해주는 것이 좋을 것이다. "두 번째방의 오른쪽 벽면을 빨갛게 칠해줘" CSS도 마찬가지다. 특정 선택자를 지정하여 꾸며주는 속성을 적용할 때, 구체적이고 세부적으로 어떤 선택자인지 말해줘야 한다. 오늘은 고급 CSS 기술인 선택자를 결합하는 방법을 이야기하고자 한다. 1. Multiple Selectors 여러 개의 선택자를 수평적으로 결합한다. 해당 속성을 적용하고 싶은 선택자라면 모두 결합하는 방식이다. 각각의 선택자를 ,(콤마)로 연결한다. 띄어쓰기는 해도 되고, 하지 않아도 되지만 하는 것이 가독성을 높인다. 이 방법은 코드를 그룹화하고, 단축하는 방법이다...

HTML & CSS 2022.12.16

[49-2 Selenium] deprecated, 미지원 예정, chromedriver, webdriver_manager

deprecated는 다양한 언어와 분야에 걸쳐 자주나오는 단어이다. '더이상 사용되지 않은' 이라는 의미로 다운그레이드 downgrade와 같은 뜻이다. 따라서 공식 문서에서 deprecated라는 언급이 있으면 해당 코드는 사용하지 않는 것이 좋다. 이제까지 Selenium 예제를 풀면서 크롬 드라이버를 다운받은 경로인 executable_path 속성을 많이 썼었는데, 이 역시 곧 지원이 제한된다는 알림이 뜬다. executable_path has been deprecated, please pass in a Service object driver = webdriver.Chrome(executable_path=chrome_driver_path) 그렇다면 앞으로 어떻게 해야할까? 파이참 인터프리터를 쓴..

HTML & CSS 2022.10.31