나는 보통 요소의 내용 후 을 추가 의사 요소를 추가 할 ::after를 사용 대신에 요소의 내용 뒤에 대신에 클래스를 적용할까요? 10 개 항목의 목록과 3 열의 격자가있는 경우 clear DOM/HTML 요소 (div)를 3 개 항목 (일반적으로 서버 쪽에서 완료)마다 추가하지 않고 작업을 수행 할 수 있으므로 CSS.
내 친구의 웹 사이트에서 작업하기 때문에 Firefox에서 SVG를 올바르게 표시하는 방법을 알 수 없습니다. Edge에서는 브라우저의 크기를 조정하는 동안 사라집니다. header::after {
content:"";
display: block;
background: url(/svg-filer/header-background.s
예를 들어,이 jQuery를 기능이 있습니다 function example(){
var trigger = $('.image');
trigger.each(function(e){
// here I want to change the background color of the :after pseudo-element
$(thi
div 안에 입력 유형 범위가 있고 '이전'의사 원을 원으로 사용하고 있습니다. 그 시작 위치에서 엄지 손가락처럼하는 나의 의도는 다음 CSS를 <div class="range">
<input type="range" name="" class="progress" value="0" max="100" min="0"/>
</div>
: 나는 다음과
체크 표시가 선택되면 오디오 파일을 자동으로 재생하려고합니다. 내 초기 아이디어는 자동 재생의 오디오 태그를 가지고 있고,이 같은 CSS를 구성하는 것이었다 : audio {
display: none;
}
[type="checkbox"]:checked~audio {
display: inline;
}
물론이 나던 작품; 오디오는 웹
나는 스팬에 부착 된 CSS를 툴팁이 있습니다 <span class="mytooltip" data-mytooltip="Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. ">
Has Tooltip
</span>
CSS의
분리 자 요소를 4 개 div의 가운데에 직접 놓으려고합니다. 여하튼 위치의 백분율은 위치가 아닌 요소 자체의 너비/높이를 나타냅니다. 부모 컨테이너 내에서 Codepen : http://codepen.io/HendrikEng/pen/ObyLKG HTML : <section>
<div class="c-connector-service"></div>
내가 요소의 의사 클래스의 콘텐츠와 인라인 SVG를 포함하는 인쇄 매체에 대한 스타일 시트를 만드는 오전에 나타나지 않습니다 (즉,::before, ::after). Chrome에서 테스트 할 때 정상적으로 작동하는 것으로 보이지만 Firefox와 Safari에서 페이지를 처음로드하면 SVG 요소가 인쇄 미리보기에 표시되지 않습니다. 이후 모든 시도에서 나
<span> 태그에 대해 일종의 인라인 접두사를 얻기 위해 ::before을 사용하고 싶습니다. 이 접두사는 <span>과 동일한 크기 (채움 위 및 아래쪽 패딩)가 있어야하지만 다른 배경색이 있어야합니다. 왼쪽으로 떠있을 때 약간 이동하고 의사 요소 위에 작은 공백이 생깁니다. 내가 여기에서 찾은 모든 접근법은 vertical-align: bottom을