[CSS] 특정한 속성을 가진 태그 css적용하기

<style>

        /* input 태그 중에서 type 속성을 text로 갖는 태그의           background 속성에 red 키워드를 적용합니다.*/

input[type=text] {

        background: red;

}

        /* input 태그 중에서 type 속성을 password로 갖는 태그의           background 속성에 blue 키워드를 적용합니다.*/

input[type=password] {

        background: blue;

}

</style>

        -0------------------------------------------------------------------------------------

        <style>

        /* img 태그 중에서 src 속성이 png로 끝나는 태그의           border 속성에 3px solid red를 적용합니다.*/

img[src$=png] {

        border: 3px solid red;

}

        /* img 태그 중에서 src 속성이 jpg로 끝나는 태그의           border 속성에 3px solid green를 적용합니다.*/

img[src$=jpg] {

        border: 3px solid green;

}

        /* img 태그 중에서 src 속성이 gif로 끝나는 태그의           border 속성에 3px solid blue를 적용합니다.*/

img[src$=gif] {

        border: 3px solid blue;

}

</style>