CSS에서 html[lang=en] 구문 관련

댓글 12

• 

  웹스택

  2022.01.19 23:07
  html:not([lang=en])
  좋아요 0
• 맘잉

  2022.01.19 23:12
  @웹스택

  빠른 답변감사합니다! 잘되네요!
  좋아요 0
• 

  기진곰

  2022.01.20 00:10

  위와 같이 할 수는 있는데, 선택자에 저런 "로직"이 많이 들어갈수록 속도는 나빠진다고 합니다. 너무 많이 쓰지는 마세요~^^

  좋아요 0
• 맘잉

  2022.01.20 01:13
  @기진곰

  헉 감사합니다. 최소한으로만 써야겠습니다.
  좋아요 0
• doorweb

  2022.01.20 01:35

  그냥 클라스들어가서 사용하시면 큰 문제 없을겁니다.

  좋아요 0
• 맘잉

  2022.01.20 02:06
  @doorweb

  그냥 클라스 들어가서 →→ css 화일에서 위와 같이 사용하면 된다는 말이시죠?
  좋아요 0
• YJSoft

  2022.01.20 02:56
  @맘잉

  .클래스 { 영어가아닐때 속성 }
  html[lang=en] .클래스 { 영어일때 속성 }
  
  이런식으로 하시면 된다는 의미 같습니다. 영어일땐 두 속성이 모두 적용되므로 나중에 선언된 영어일때 속성이 우선 적용되며 이외는 영어가 아닐때 속성만 적용되죠

  좋아요 0
• 맘잉

  2022.01.20 03:10
  @YJSoft

  아하! 감사합니다!
  좋아요 0
• doorweb

  2022.01.20 04:38

  https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_lang
  이런 형식으로 해서 특정 클라스에서 이게 어느 언어일때는 따지게 된다면 큰 무리는 없을거 같습니다.

  좋아요 0
• 맘잉

  2022.01.20 05:41
  @doorweb

  예시까지 감사합니다!
  좋아요 0
• 라엘

  2022.01.20 05:05

  not 구문을 사용하면 관리 및 이해에 노력이 더 필요하게 되므로 사용하지 않는 것이 좋습니다.
  css 의 기본개념인 상속(cascading)을 사용하려면,
  lang 옵션이 없는 기본 스타일링을 정하고, 언어별로 lang 옵션과 함께 추가 정의해서 구현해 보세요.
  
  요즘 backend를 사용하지 않고, 이렇게 frontend 기술으로만 사용해서 구현하는 다국어사이트가 유행이더라구요.

  좋아요 0
• 맘잉

  2022.01.20 05:41
  @라엘

  네~ 햇갈렸지만 생각해보니 not 조건 없이 구현 가능하겠네요. 저녁에 해보려구요! 감사합니다!
  좋아요 0