CSS: 如何 select 元素内的标签？

Question

所以我的另一个问题失败了，因为我没有post正确的东西。

我的问题是是否有办法在元素内选择标签...这是 xml 文件。

<?xml version="1.0" encoding="utf-8"?>
    <link rel="stylesheet" type="text/css" href="mystyle.css" media="screen"/> 
<mytest>
    <mystory>
        <myItem>
            <myDescription>Hello my name is <myName>Frosta</myName></myDescription>
        </myItem>
        <myItem>
            <myDescription>Hello my name is <myName>Frosti</myName></myDescription>
        </myItem>
    </mystory>
</mytest>

这是我的 css 文件 :

myitem{
    color: green
}

myDescription{
    color: blue;
}

myName{
    color: red;
    
}

问题是当我调用标签 title 或 topicWord 时没有显示任何内容...我想将 title 显示为蓝色，将 topicWord 显示为红色...

我尝试了什么：


element element

element+element

element1~element2

element>element

它根本不起作用...它甚至没有出现...

编辑：修复了 CSS 文件中的拼写错误，但这并没有改变我最初的问题...

Answer 1

我通过 jsfiddle 运行你的代码，我看到标题标签没有显示，但如果你从标题标签中删除 topicWord，它显示正常，并且实际上正在风格改变得很好。为什么不将标题放在标题 class 的 h2 标签中？这样，它就会出现，您可以为您的 css:

执行此操作

.title{color: blue;}

Answer 2

你要说

title {
    display: inline;
    color: blue;
}

因为 title 元素默认为 display: none;。但是请注意，它将其内容视为文本并明确显示。

CSS: 如何 select 元素内的标签？

CSS: How to select a tag inside an element?

html

css

tags

selection