CSS：如何选择元素内的标签？

Question

所以我的另一个问题因为我没有发布正确的内容而失败。

我的问题是是否有办法在元素内选择标签...这是 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 时，什么都没有显示...我想将标题设置为蓝色，将 topicWord 设置为红色...

我尝试了什么：

element element

element+element

element1~element2

element>element

它只是不工作......它甚至没有出现......

编辑：修复了 CSS 文件中的一个错字，但它并没有改变我最初的问题...

Answer 1

你需要说

title {
    display: inline;
    color: blue;
}

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

Answer 2

我通过 jsfiddle 运行了您的代码，我看到标题标签没有显示，但是如果您从标题标签中删除 topicWord，它显示正常，并且实际上更改了样式。 你为什么不把你的标题放在一个带有标题类的 h2 标签中？这样，它就会显示出来，您可以为您的 css 执行此操作：

.title{color: blue;}