테스트 사이트 - 개발 중인 베타 버전입니다

css질문있습니다 채택완료

rqwr 8년 전 조회 2,329

.ddd12345 div,ul,li{

 float: left; display: inline;   height: auto; margin:0px;padding:0px;

 }

 

 

53535353

 

 

 

여기서 ddd12345안에있는 div ul li에만 태그적용시키고싶은데 

이게 div ul li 가 사이트전체내 영향을 주는데 

ddd12345안의 div ul li 에만 적용시키려면 어떻게 해야 할까요?

도움좀 부탁드립니다

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

.ddd12345 클래스가 다른곳에 존재하지 않는다면 .ddd12345 { 이렇게만 하셔도 되겠네요. 

 

 

 

 

  • 53535353

 

이렇게 되어있다면, .ddd12345 div,ul,li{  하시면 안됩니다.

, 쉼표는 다른클래스를 추가로 넣고자 할때 쓰는것입니다.

그렇게때문에 rqwr님이 적으신 .ddd12345 div,ul,li{ 는 

1. .ddd12345 div

2. ul 

3. li

이렇게 3가지에 스타일을 적용하겠다는 것인데,

 

1번의 .ddd12345 div 이것은 적으신데로 그려보면  

이렇게됩니다.

ddd12345 클래스를 가진 div외에 그 안에 div가 또 있는게 아니라면 .ddd12345 div에서 div는 지워주셔야 됩니다.

 

2번의 쉼표사이에 ul을 넣는다는 것은 사이트 전체 ul 태그에 스타일을 적용하겠다는 것입니다.

3번역시 마찬가지 입니다.

 

.ddd12345 div ul li{  이렇게 쉼표없이 스페이스 만으로 다음 구문을 설정 해 주셔야되며, ddd12345 클래스 안의 모든 함수의 스타일을 적용할 것이면, 굳이 안에있는

  • 까지 스타일함수설정 해주실 필요없습니다. 

     

     

    라고 가정하에

    ddd12345안의 모든것에 스타일을 적용하고 싶으시면 .ddd12345 {  이렇게 적어주시거나  

     

    ddd12345안의 ul안의 li에만 스타일을 적용하고 싶으시면 .ddd12345 ul li {  이렇게 적어주시면 됩니다. 

    ddd12345안의 ul안에 모든것에 스타일을 적용하고 싶으시면 .ddd12345 ul {  이렇게 적어주시면 됩니다. 

     

     

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

humanb2box
8년 전

.ddd12345 > div,ul,li{

 float: left; display: inline;   height: auto; margin:0px;padding:0px;

 }

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

SLOOP
8년 전

.ddd12345 div,ul,li{ 를 

 

.ddd12345 div ul>li{ 

 

이렇게 하시면 될꺼같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인