내가 사용하고 있는 코드가 메뉴 버튼의 스타일과 작동하지 않는 이유를 이해하려고 노력 중입니다.
개별 메뉴버튼에 스타일을 만들어 놓았는데 사용하지 않는 것 같습니다.
내 모든 메뉴 버튼은 내가 개별적으로 만든 스타일이 아닌 기본 "ul.menu li a" 스타일입니다.
나는 이것에 익숙하지 않으므로 게으른 것처럼 보이면 죄송합니다.
작동하지 않는 이유는 ".pesquisar-produto a"를 작성할 때 ".pesquisar-produto" 클래스 내부의 태그를 선택하기 때문입니다. 대신 ".pesquisar-produto" 클래스가 포함된 태그를 선택하는 "a.pesquisar-produto"를 작성해야 합니다.
이미 더 구체적인 "ul.menu li a" CSS 규칙이 있으므로 더 구체적이어야 하기 때문에 여전히 작동하지 않습니다. 따라서 이전 규칙을 무시하려면 보다 구체적인 "ul.menu li a.novo-produto"를 작성해야 합니다. 기억하세요: 이것은 구체적인 질문입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
li 태그 중에서 태그를 선택하려면 다음과 같아야 합니다.
으아아아또는 특수 클래스가 포함된 태그:
으아아아".novo-produto a"가 올바르지 않습니다. 이 방법으로 novo-produto 클래스를 사용하여 각 요소 내의 모든 태그를 선택할 수 있습니다. 이는 HTML에서 사용할 수 없으며 원하지 않습니다. 내 생각에 이것이 당신에게 필요한 것입니다:
으아아아이것을 시도해 보세요. 완벽하게 작동할 것입니다:
으아악작동하지 않는 이유는 ".pesquisar-produto a"를 작성할 때 ".pesquisar-produto" 클래스 내부의 태그를 선택하기 때문입니다. 대신 ".pesquisar-produto" 클래스가 포함된 태그를 선택하는 "a.pesquisar-produto"를 작성해야 합니다.
이미 더 구체적인 "ul.menu li a" CSS 규칙이 있으므로 더 구체적이어야 하기 때문에 여전히 작동하지 않습니다. 따라서 이전 규칙을 무시하려면 보다 구체적인 "ul.menu li a.novo-produto"를 작성해야 합니다. 기억하세요: 이것은 구체적인 질문입니다.