«css» 태그된 질문

인라인 CSS 코드를 작성 해야하는 경우가 있으며 앵커에 호버 스타일을 적용하고 싶습니다. a:hoverHTML 스타일 속성 내에서 인라인 CSS에서 어떻게 사용할 수 있습니까? 예를 들어 HTML 이메일에서 CSS 클래스를 안정적으로 사용할 수 없습니다.

1016 html  css  inline-styles 

CSS content 속성을 사용하여 HTML 엔터티를 어떻게 추가 합니까? 이와 같은 것을 사용  하면 비 공백 공간 대신 ​​화면에 인쇄 됩니다. .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

На этот вопрос есть ответы на 스택 오버플로 на русском : Суть класса clearFix 최근에 나는 웹 사이트의 코드를 살펴보고 모든 <div> 클래스 가 있다는 것을 알았 습니다 clearfix. 빠른 Google 검색 후 IE6 용이라는 사실을 알게되었지만 실제로 는 명확한 것이 무엇 입니까? Clearfix가없는 레이아웃과 비교하여 Clearfix가있는 레이아웃의 몇 가지 …

1003 html  css  layout  cross-browser  clearfix 

일부 브라우저 (특히 Firefox 및 Opera)는 브라우저 세션 간에도 .css 및 .js 파일 의 캐시 된 사본을 사용하는 데 매우 열심입니다 . 이 파일 중 하나를 업데이트 할 때 문제가 발생하지만 사용자 브라우저는 캐시 된 사본을 계속 사용합니다. 문제는 파일이 변경되었을 때 사용자 브라우저가 파일을 다시로드하도록하는 가장 우아한 방법은 무엇입니까? …

993 javascript  css  caching  auto-versioning 

브라우저와 같은 일부 브라우저 (예 : Chrome)에서 숫자 유형의 HTML 입력을 위해 렌더링하는 새로운 스핀 상자를 숨기는 일관된 방법이 있습니까? 위쪽 / 아래쪽 화살표가 나타나지 않도록 CSS 또는 JavaScript 방법을 찾고 있습니다. <input id="test" type="number">

984 javascript  css  html  input  numbers 

부트 스트랩을 사용하고 있습니다. 세 개의 기둥을 모두 같은 높이로 만들려면 어떻게해야합니까? 다음은 문제의 스크린 샷입니다. 파란색과 빨간색 열이 노란색 열과 같은 높이가 되길 원합니다. 코드는 다음과 같습니다. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: yellow"> catz <img …

965 css  twitter-bootstrap 

한 개인 div을 다른 개인 위에 오버레이하는 데 도움이 필요합니다 div. 내 코드는 다음과 같습니다 <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> 불행하게도, 난 중첩 할 수 없습니다 div#infoi또는 img최초의 내부 div.navi. div그림과 같이 두 개의 별도이어야 하지만, 가장 div#infoi위에 div.navi가장 오른쪽에 배치하고을 중심으로 하는 방법을 알아야합니다 div.navi.

958 html  css  position  overlay 

클래스 이름을 가진 많은 요소가 red있지만 class="red"다음 CSS 규칙을 사용하여 첫 번째 요소를 선택할 수없는 것 같습니다 . .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 이 선택기의 문제점은 무엇이며 어떻게 수정합니까? 의견 덕분에 요소가 부모의 첫 번째 자식이어야하며 선택하지 …

945 css  css-selectors 

jQuery를 사용하여 ::before및 ::after(및 세미콜론이있는 이전 버전과 같은) CSS 의사 요소를 선택 / 조작하는 방법이 있습니까? 예를 들어, 내 스타일 시트에는 다음 규칙이 있습니다. .span::after{ content:'foo' } jQuery를 사용하여 'foo'를 'bar'로 변경하는 방법

943 javascript  jquery  css  jquery-selectors  pseudo-element 

수많은 온라인 사이트에서 JavaScript보다 CSS를 포함하는 것이 좋습니다. 추론은 일반적으로 다음 과 같은 형식입니다 . CSS와 JavaScript를 주문할 때는 CSS가 우선입니다. 렌더링 스레드에는 페이지를 렌더링하는 데 필요한 모든 스타일 정보가 있기 때문입니다. JavaScript가 먼저 포함되면 JavaScript 엔진은 다음 리소스 세트를 계속하기 전에이를 모두 구문 분석해야합니다. 이는 렌더링 스레드에 필요한 모든 …

897 javascript  css  performance 

Twitter Bootstrap 3을 사용하고 있는데 JSFiddle 링크div 와 같이 세로로 두 개를 정렬하려고 할 때 문제가 있습니다 . <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> <div style="height:5em;border:1px …

889 html  css  twitter-bootstrap  twitter-bootstrap-3 

jQuery로 CSS 를 변경 하고 입력 값을 기준으로 추가하는 스타일을 제거하고 싶습니다. if(color != '000000') $("body").css("background-color", color); else // remove style ? 어떻게해야합니까? 위의 선은 색상 선택기를 사용하여 색상을 선택할 때마다 (예 : 마우스가 색상환 위로 움직일 때) 실행됩니다. 두 번째 참고 : CSS 파일 css("background-color", "none")에서 기본 스타일을 제거하기 …

868 javascript  jquery  css  background 

div2 열 레이아웃을 래핑하는 오래된 문제가 있습니다. 내 사이드 ​​바가 플로팅되어 컨테이너 div가 컨텐츠와 사이드 바를 래핑하지 못합니다. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> Firefox에서 명확한 버그를 수정하는 방법은 여러 가지가 있습니다. <br clear="all"/> overflow:auto overflow:hidden 내 상황에서 올바르게 작동하는 것으로 보이는 유일한 <br clear="all"/>방법은 약간 멍청한 솔루션입니다. overflow:auto나에게 …

864 css  clearfix 

( 및 ) (으 ) 로 div설정되어 있고 내부에 텍스트가 있습니다.display:block90px heightwidth 텍스트를 세로 및 가로로 가운데에 정렬해야합니다. 나는 시도 text-align:center했지만 수평 부분을하지 않기 때문에 시도 vertical-align:middle했지만 작동하지 않았다. 어떤 아이디어?

862 html  css 

~캐릭터를 검색하는 것은 쉽지 않습니다. CSS를 살펴보고 이것을 발견했습니다. .check:checked ~ .content { } 무슨 뜻이에요?

857 css  css-selectors