html - CSS - 首字母选择不适用于 ID

标签 html css css-selectors pseudo-element

我的 CSS :first-letter 选择器适用于所有 p 元素,但对于具有 id #fletterspan 它不会不工作...


#fletter span:first-letter {
    font-weight: 600;
font-size: 25px;
}

<span id="fletter">

虽然选择器与我的 p 元素配合得很好。


p:first-letter {
font-weight: 600;
font-size: 25px;
}

<p>Lorem Ipsum</p>

最佳答案

那是因为:first-letter只能用在 block 级元素上。

一种解决方案是将跨度显示为 block 级元素:

#fletter span {
   display:block;
}

#fletter span:first-letter {
   font-weight: 600;
   font-size: 25px;
}

jsFiddle here.

关于html - CSS - 首字母选择不适用于 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20690539/

相关文章:

CSS 选择器匹配没有内联应用背景颜色的元素

javascript - 如何用子元素替换元素内的部分文本?

html - 如何重置这个特定的 CSS 选择器

javascript - 在 css 中暂停特定时间的交互动画

javascript - jQuery 下拉列表悬停

相邻的 CSS 选择器

html - Bootstrap 垂直居中内容在行中

html - 仅使用 CSS 从 HTML 属性获取特定值

html - 垂直滚动条出现的固定高度?没有 JS,只有 CSS

html - 在html中选择多个div