Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 单行悬停_Css_Hover - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 单行悬停

Css 单行悬停

css

Css 单行悬停,css,hover,Css,Hover,我有一本书。小提琴在一行中有两个文本（阅读更多）。我想知道，如何将阅读更多文本更改为： “读取”=粗体 “更多”=斜体悬停 此时，如果不悬停，它是“Read”=常规的“More”=粗体斜体的 我知道，对于悬停元素，代码应该如下所示： p:hover { /* Write code here*/ } 但我不知道如何将相同的悬停应用于上述小提琴 READMORE将:hover事件添加到父类中，然后为每个子类设置不同的样式 .readmore:hover.bold{ 字体大小：粗体； } .

我有一本书。小提琴在一行中有两个文本（阅读更多）。我想知道，如何将
阅读更多
文本更改为：

“读取”=粗体

“更多”=斜体
悬停

此时，如果不悬停，它是
“Read”=常规的
“More”=粗体斜体的

我知道，对于悬停元素，代码应该如下所示：

p:hover {
  /* Write code here*/
}
但我不知道如何将相同的悬停应用于上述小提琴

READMORE
将
:hover
事件添加到父类中，然后为每个子类设置不同的样式



.readmore:hover.bold{
字体大小：粗体；
}
.readmore:hover.italic{
字体：斜体；
}


readmore
您可以将每个单词包装在一个
span
标记中，并使用
n个子项
将它们锁定在悬停位置：



.readmore:悬停span:n子项（2）{
字体：斜体；
}
.readmore:悬停范围：第n个子项（1）{
字体大小：粗体；
}


readmore
你的小提琴empty@PaoloForgia更新。
p:hover strong{…}
（您可能希望先删除内联样式，这样才能起作用。）不要让我们访问JSFIDLE以获取更多信息。这应该在你的问题中。这似乎是他所问的，只是款式落后。