CSS의 body:after 에 속성값을 바꾸고싶습니다..

Question

아래와 같은 css가 적용되어있는데 자바스크립트나  를 이용해서 background-color의 #f8f8f8 값을 다른것으로 바꿀 수 있을까요?

body의 background면 style에 속성을 넣으면 되지만, body의 after라는건 css에만 있을 뿐 코드상에서는 찾을 수가 없어서요...

 

[code]

body:after{
    content:" ";
    width: 16.6667%;
    background-color: #f8f8f8;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
    }

[/code]

볼피드 · Accepted Answer

[code]


body.change_background:after{
    content:" ";
    width: 16.6667%;
    background-color: pink;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
    }

[/code]

 

css에 이런식으로 변경할 css 추가 하신후

 

이벤트 발생시

[code]


$('body').toggleClass('change_background');
[/code]

CSS의 body:after 에 속성값을 바꾸고싶습니다..

답변 1개 / 댓글 1개

답변에 대한 댓글 1개

CSS의 body:after 에 속성값을 바꾸고싶습니다..

답변 1개 / 댓글 1개

답변에 대한 댓글 1개

공유하기