CSS로이 작업을 수행 할 수 있습니까?

Question

내가 가지고 JQuery와 스크립트에서 이름을 자동으로 얻을 것이다 CSS 클래스 : 은 그래서 같이 될 것입니다 #imgHere01, #imgHere22, #imgHereSomething, #imgHereAnother 등 내가 CSS는 그들 모두를 제어하기 위해 강제로 할 수 있나요?

#imgHere_ALL {width:333px;} 

또는 #imgHere_xxx

처럼 그래서 everyclass가 imgHere 후 생성됩니다 영향을 미칠 것입니다.

CSS로 가능한지 모르겠다. jQuery일까요?

Answer 1

사용 CSS 정규 표현식 선택기 :

div[id^='imgHere']{ 
    /** styles */ 
} 

• DEMO

이 "imgHere"로 시작하는 ID를 가진 모든 div의를 선택합니다. 그러나 제안 된대로 더 나은 방법은 모든 요소에 공통 클래스 이름을 지정하는 것입니다.

Answer 2

더 나은 방법은 모든 공유 클래스에 제공하는 것입니다. 그들은 (예 : 클래스, 부모 등) 몇 가지 일반적인 요소를 공유하는 경우

.imgHere{ 
    width: 333px; 
} 

Answer 3

예, 그럼 당신은 그들에게 같은 방법으로 스타일을 CSS selectors을 사용할 수 있어야합니다 : 그럼 당신이 뭔가를 할 수 있습니다.

예 :

.myImages { 
    //Whatever styling you want applied to all 
} 

또는

parent img { 
    //Whatever styling you want applied to all 
} 

또한 jQuery를 사용하여이 작업을 수행 할 수 있지만,이 CSS와 함께 할 간단입니다.

Answer 4

당신은 이것에 대한 CSS 클래스를 사용하려면 :

.image-all 
{ 
    width: 333px; 
} 

다음 단지를 추가해야합니다;

$('<img />').addClass('image-all'); 

---

또는의가 제 3 자 스크립트이기 때문에 당신이 클래스를 추가 할 수 없습니다 가정 해 봅시다 : 그러나 당신은 당신의 이미지를 만들 수 있습니다. 어쩌면 당신은 용기를 가질 수 있습니다 다음

<div class="image-all"> 
    ... image container 
</div> 

당신의 CSS에서 :

.image-all img 
{ 
    width: 333px; 
} 

Answer 5

내가 제대로 이해하고, 그러나 이것은 CSS에서 꽤 간단해야 바랍니다. "모든 것"에 영향을주고 싶은 것이 있다면 CSS에 다른 클래스를 지정하십시오. 이것은 높이와 너비와 같은 정적 인 것들에 좋습니다.

공유 할 단일 클래스를 제공하십시오.

img[id="imgHere"] { 
    /* css */ 
} 

이 선택은 IE 있도록 미만 9 잘 작동하지 않을 것입니다,하지만, 현대적인 브라우저에 의존 :

Answer 6

당신은 속성 선택기를 사용할 수 있습니다. id을 생성하는 jQuery 스크립트로 클래스를 추가하는 것이 더 쉽습니다.

Answer 7

이러한 css selectors

#imgHere ~ something 
#imgHere + something 
div[id^='imgHere'] ~ something 

Answer 8

는 CSS 셀렉터 *[class^=imgHere] { width:333px}를 사용해보십시오 시도 할 수 있습니다. *을보다 구체적인 CSS 선택 도구로 바꾸어보다 효율적으로 만드십시오. CSS 선택기 정보는 here입니다.