简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

派生选择器

派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。 比方说，你希望列表中的 strong 元素变为红色，而不是通常的黑色，可以这样定义一个派生选择器：

li strong{ color: red; }

请注意在 HTML 中标记为

  • 的代码的上下文关系

    我是黑色，因为我不在列表当中，所以这个规则对我不起作用
      
  • 我是红色。这是因为 strong 元素位于 li 元素内。
    •

    完整代码如下：

    index.html

         

      
    我是黑色，因为我不在列表当中，所以这个规则对我不起作用
      
  • 我是红色，这是因为 strong 元素位于 li 元素内。
    •

    mycss.css

    li strong{ color: red; }

    运行结果：

    QQ截图20161011132215.png

    在 css 中定义的 li strong 的样式，只会影响上面 html 文件中的

  • ,而不会影响

    中的内容

    • Formation continue
    ||

    我是黑色，因为我不在列表当中，所以这个规则对我不起作用

  • 我是红色，这是因为 strong 元素位于 li 元素内。
    •
    soumettre Réinitialiser le code
    Section précédente section suivante
    Liste des didacticiels
    obtenir de l'aide
    • Recommandations de cours
    • Téléchargement du didacticiel
    Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

    Les étudiants qui ont regardé ce cours apprennent également

    Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)491064 joue
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！