반응형

css 7

:hover와 결합 후 :fir

:hover와 결합 후 :fir 합치고 싶습니다.:after와 함께:hoverCSS(또는 다른 의사 선택기)에서.저는 기본적으로 목록과 그 물건을 가지고 있습니다.selected클래스는 다음을 사용하여 화살표 모양을 적용합니다.:after. 나는 그것이 잘 작동하지 않는 물체에도 똑같이 적용되기를 원합니다.코드는 여기 있습니다. #alertlist { list-style: none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position: relative; } #alertlist li.selected, #alertlist li:hover { color: #f0f0f0; background-co..

programing 2023.09.19

스크롤 바가 크롬의 페이지 너비에 추가되지 않도록 합니다.

스크롤 바가 크롬의 페이지 너비에 추가되지 않도록 합니다. Chrome에서 .html 페이지를 일정한 폭으로 유지하는 데 작은 문제가 있습니다. 예를 들어, 뷰포트의 내용을 오버플로하는 내용이 많은 페이지(1)가 있습니다(단어 맞습니까?).높이, 그 페이지(1)에 세로 스크롤 바가 있습니다.(2)페이지에서, 저는 같은 레이아웃(메뉴, 디브 등)을 가지고 있지만 내용은 적으므로 세로 스크롤 바가 없습니다. 문제는 (1)페이지에서 스크롤 바가 요소를 약간 왼쪽으로 밀어주는 것처럼 보이는 반면 (2)페이지를 중심으로 모든 것이 잘 나타난다는 것입니다. 저는 아직 HTML/CSS/JS에 초보자이고, 이것이 그렇게 어렵지 않다고 꽤 확신하지만, 해결책을 찾는 데에는 운이 없었습니다.IE10에서 의도한 대로 작동하..

programing 2023.09.14

CSS 자식 대 후손 선택기

CSS 자식 대 후손 선택기 저는 이 두 셀렉터 사이가 조금 혼란스럽습니다. 종속 선택기가 다음을 수행합니다. div p 올선별p일 이내에div직계존비속이든 아니든?그래서 만약에.p다른 안에 있습니다.div그래도 선택이 되나요? 그런 다음 자식 선택기: div > p 뭐가 다른 거지?아이란 곧 태어날 아이를 뜻합니까?예. 대 둘 다 선택되나요, 아닌가요?영어로 "child"와 "descendent"라는 단어가 무엇을 의미하는지 생각해 보세요. 제 딸은 제 자식이자 제 후손입니다. 제 손녀는 제 아이는 아니지만 제 후손입니다. 네, 맞습니다.div p는 다음 예제와 일치하지만,div > p하지 않을 것이다. 첫 번째 것은 자손 선택기라고 하고 두 번째 것은 자식 선택기라고 합니다.기본적으로 "a b"는 a..

programing 2023.09.09

css 파일을 넣거나 넣어도 뭐가 달라요?

css 파일을 넣거나 넣어도 뭐가 달라요? 은 cs 을 에 안에 .요, 에 요 요 에 ?요? , , 요 를 이 요 를 ?jdel Strother가 w3 사양에 대해 언급한 것과 브라우저 렌더링에 대한 ART studio에 대해 덧붙이자면 됩니다. 했을 는 과 됩니다 에 됩니다 과 전에 를 선언한 이므로 권장합니다.시작합니다. 스타일이 이미 로드되었습니다.따라서 사용자는 화면에 나타나는 것(예: 배경색)을 매우 빠르게 볼 수 있습니다.그렇지 않은 경우 CSS가 사용자에게 도달하기 전에 한동안 공백 화면이 나타납니다. 그리고 스타일을 어딘가에 두면.되었을 때 새 것과 것)를 다시 입력해야 는 된 되었을 할 를 해야 과 이 를 해야 할 과 . 의 은 은 의 본체 요소 내에 태그를 지정합니다.https://ww..

programing 2023.09.09

CSS 전환 효과는 이미지를 흐리게 하거나 이미지를 1px 이동합니다. 크롬에서?

CSS 전환 효과는 이미지를 흐리게 하거나 이미지를 1px 이동합니다. 크롬에서? 나는 호버에서 CSS 전환 효과가 div를 이동시키는 CSS를 가지고 있습니다. 볼 수 , 문는볼, 수서있이,translate전환은 디비의 이미지를 1도 아래/오른쪽으로 이동시키는 끔찍한 부작용을 가지고 있습니다. (그리고 어쩌면 그렇게 약간의 크기 조정이 가능할까요?) 그래서 그것이 제자리에서 벗어나거나 초점에서 벗어난 것처럼 보입니다. 호버 효과가 적용되는 내내 글리치가 적용되는 것으로 보이며, 시행착오의 과정에서 번역 전환이 div를 이동할 때만 발생한다고 안전하게 말할 수 있습니다(상자 그림자와 불투명도도 적용되지만 제거 시 오류에는 차이가 없습니다). 이 문제는 페이지에 스크롤 막대가 있을 때만 발생하는 것 같습니..

programing 2023.08.25

TD의 첫 번째와 마지막 TD를 연속으로 선택하는 방법은 무엇입니까?

TD의 첫 번째와 마지막 TD를 연속으로 선택하는 방법은 무엇입니까? 어떻게 첫 번째와 마지막을 선택할 수 있습니까?TD연속으로? tr > td[0], tr > td[-1] { /* styles */ } 당신은 사용할 수 있습니다.:first-child그리고.:last-child유사 선택기: tr td:first-child, tr td:last-child { /* styles */ } 이것은 모든 주요 브라우저에서 작동해야 하지만 IE7은 요소가 동적으로 추가될 때 몇 가지 문제가 있습니다(IE6에서는 작동하지 않습니다).다음 스니펫을 사용할 수 있습니다. tr td:first-child {text-decoration: underline;} tr td:last-child {color: red;} 다음 유..

programing 2023.08.20

클래스에 대한 CSS의 와일드카드 *

클래스에 대한 CSS의 와일드카드 * 저는 제가 스타일링하고 있는 이 디비들을 가지고 있습니다..tocolor하지만 고유 식별자 1,2,3,4 등도 필요해서 다른 클래스로 추가합니다.tocolor-1. tocolor 1 tocolor 2 tocolor 3 tocolor 4 .tocolor{ background: red; } 수업을 한 번만 할 수 있는 방법이 있습니까?tocolor-*와일드카드를 사용해 보았습니다.*이 css에서처럼, 하지만 작동하지 않았습니다. .tocolor-*{ background: red; } 필요한 것을 속성 선택기라고 합니다.HTML 구조를 사용하는 예는 다음과 같습니다. div[class^="tocolor-"], div[class*=" tocolor-"] { color:red..

programing 2023.06.21
반응형