ホームページ > 記事 > ウェブフロントエンド > CSS疑似クラスの無効な訪問スタイルの解決策
間違った書き方は、ホバーとアクティブの後に訪問済みと書くことです。例:
.ui-page-theme-a .digilinx-ui-btn{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;} .ui-page-theme-a .digilinx-ui-btn:hover{background:#00891f;border-color:#00721a;color:#FFF;text-shadow: 0 1px 0 #00891f;} .ui-page-theme-a .digilinx-ui-btn:active{background:#00721a;border-color:#005c15;color:#FFF;text-shadow: 0 1px 0 #00721a;} .ui-page-theme-a .digilinx-ui-btn:visited{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;}
結果: クリックされたボタンまたはリンクのスタイルは常に訪問済みに固定され、ホバーとアクティブのスタイルは上書きされます
正しい書き方
.ui-page-theme-a .digilinx-ui-btn{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;} .ui-page-theme-a .digilinx-ui-btn:visited{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 0 1px 0 #00a325;} .ui-page-theme-a .digilinx-ui-btn:hover{background:#00891f;border-color:#00721a;color:#FFF;text-shadow: 0 1px 0 #00891f;} .ui-page-theme-a .digilinx-ui-btn:active{background:#00721a;border-color:#005c15;color:#FFF;text-shadow: 0 1px 0 #00721a;}
のように、visitedを前に書きます。
以上がCSS疑似クラスの無効な訪問スタイルの解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。