pseudo-element

3열

1답변

링크 뒤에 가상 요소를 사용하여 링크의 href를 추가하고 부모의 텍스트 장식은 유지하지 않습니다. 아래의 코드는 텍스트 장식이 다른 "a"와 "a : after"를 보여줍니다. a { text-decoration: none; color:#000000; } a:after { content: attr(href); color:#999999;

1열

1답변

요소에서 가상 내용을 애니메이션화하고 제거 할 수 있습니까?

사용자가 단추를 클릭 할 때 가상 내용 :before을 사용하여 단추에 "눈금"표시를 추가하면 정상적으로 작동합니다. 하지만 그 :before 속성을 fadeOut()으로 2 초 간격으로 제거해야합니다. 그렇게 할 수 있습니까? button.right:before{ content: ''; position: absolute; top

4열

2답변

이미지를 가상 요소로 크기를 조정하려면 어떻게해야합니까?

나는 의사 요소로 몇 가지 트릭을하려고합니다. 나는 순위를 표시하고 있으며 이미지가있는 상자의 모퉁이에서 45도 기울어 져 우승자 위에 왕관을 보여주고 싶습니다. 하지만 이미지가 너무 크면 의사 요소에 추가되는 이미지의 크기를 조정할 수있는 방법이 있습니까? 나는에만이 div이 CSS로 <div class='box'></div> : http://jsfi

12열

1답변

위치 방법 : 서로의 상단에 의사 요소를 배치 한 후 :?

하나의 의사 요소를 다른 의사 요소 위에 직접 배치하는 가장 좋은 방법은 무엇입니까? 의 나는 멋진 "체크 상자를"만들고 싶어 여기에 레이블 옆에 표시한다고 가정 해 봅시다 : 나는 그라데이션 한 의사 요소를 할 수 있습니다 <input id="pretty"><label for="pretty">Label text</label> 을하고 가기 위에 위치 일

7열

2답변

CSS :: before pseudo-element line-height?

내 단락의 높이/줄 높이가 50px이고 텍스트가 가운데에 맞춰진 text-align: center입니다. 그러나 p : before는 높이/줄 높이가 증가하여 텍스트가 부딪치게됩니다. 나는 p와 p를 모두 수직으로 중심에두기를 원한다. line-height이 상속되고 있기 때문에 http://jsfiddle.net/MMAUy/ <p>Hover This</p

1열

1답변

: first-letter 및 : hover 선택기를 함께 사용할 수 있습니까?

첫 글자의 색상을 변경하기 위해 첫 번째 문자 선택기가 작동하지만 해당 영역을 가리키면 배경색과 일치하여 보이지 않게됩니다. 이 .nav-menu li a:first-letter {color:#b5b503;} .nav-menu li a:first-letter {font-weight:bold;} .nav-menu li a { color:

0열

2답변

첫 아이를 적용하는 방법 : 첫 번째 글자를 한 섹션에만 적용 하시겠습니까?

좀 보시기 바랍니다 here. 홈페이지에 나타나는 모든 블로그 게시물의 첫 글자에 다른 스타일을 적용하고 싶습니다. 나는 시도하고있다 : p:first-child:first-letter { color: violet; font-size: 300%; }. 거의 잘 작동합니다. 문제는 사이트의 모든 <p>에 스타일을 적용한다는 것입니다. 또한 모든 div 컨테이

2열

1답변

Chrome에서 유사 요소 콘텐츠 받기

웹 키트 브라우저의 Javascript를 통해 가상 요소의 생성 된 콘텐츠를 가져 오는 데 문제가 있습니다. 관심있는 사람들을위한 컨텍스트 : jQuery 모바일 앱에서 작업 중이며 FontAwesome 아이콘을 사용하려고합니다. jQM이 자체 내장 아이콘 세트에 사용하는 것과 동일한 데이터 아이콘 속성으로 추가 할 수 있기를 바랬습니다. 따라서 클래스 페

5열

2답변

CSS 첫 문자 선택 강조 표시

::first-letter 의사 요소가 적용된 요소의 첫 번째 문자를 강조 표시 할 수있는 방법이 있습니까? 저는 텍스트 선택과 관련하여 사용자 의견을 제공하려고합니다. 선택한 텍스트가 트위터 플러그인에 사용되고 잘 작동합니다 (즉, 첫 번째 문자 인 은 임). 그러나 텍스트를 실제로 강조 표시 할 수있는 것처럼 나타나지는 않습니다. 는 여기 CodePen

1열

1답변

문제 : Internet Explorer 10의 before 및 : after

기본적으로 다음과 같이 h1 요소 앞뒤에 두 줄이 추가됩니다. 줄의 높이가 1px 인 배경색입니다. ------------------------ 일부 텍스트 -------------------- ---- Chrome과 Firefox에서이 기능을 테스트했지만 모든 것이 제대로 작동하지만 Internet Explorer 10에서 테스트 할 때 LEFT 행이 표