반응형
요소 텍스트를 기반으로 한 CSS 선택기?
요소 텍스트를 기반으로 CSS에서 요소를 선택하는 방법이 있습니까?
즉:
li[text=*foo]
<li>foo</li>
<li>bar</li>
그건 아마 효과가 없을 겁니다.
편집: Chrome만 지원하면 됩니다.
당신이 찾는 것이 정확하지 않다는 것을 알지만, 아마 당신에게 도움이 될 것입니다.
jQuery selector를 사용하고 클래스를 추가한 다음 클래스에 대해 일반 스타일을 수행할 수 있습니다.
CSS를 직접 사용하는 것이 아니라 내부 내용을 기반으로 자바스크립트를 통해 CSS 속성을 설정할 수 있지만 결국 CSS의 정의에 따라 동작해야 합니다.
아마 논의되었을 것입니다만, CSS3에서는 필요한 것과 같은 것이 없습니다(특정 텍스트를 포함하는 요소에 대한 CSS 셀렉터가 있습니까?).다음과 같이 추가 마크업을 사용해야 합니다.
<li><span class="foo">some text</span></li>
<li>some other text</li>
그럼 통상적인 방법을 참고하세요.
li > span.foo {...}
언급URL : https://stackoverflow.com/questions/5441680/css-selector-based-on-element-text
반응형
'sourcecode' 카테고리의 다른 글
| char*str={"foo",...의 차이점은 무엇입니까?} 그리고 charstr[5]={"foo",...} 배열 정의? (0) | 2023.11.04 |
|---|---|
| AngularJS - 경로를 기반으로 한 외부 JS의 동적 로딩 (0) | 2023.11.04 |
| jQuery parent(), parent() 및 가장 가까운() 함수 간의 차이 (0) | 2023.11.04 |
| 이전 커밋이 아닌 커밋 수정 (0) | 2023.11.04 |
| C에서 런타임에 매크로 변경 (0) | 2023.11.04 |