有没有办法选择可能包含文本的元素?
像这样的:
*:text {
font-size: 12px;
}
我想在我的
reset.css
中使用它,但是我找不到方法,所以现在我使用以下代码:* {
font-size: 12px;
}
此解决方案适用于所有基于文本的元素(例如strong、p、a等),但也将此样式应用于非文本元素,如img、object和其他元素。
所以我想知道是否有其他的解决方案来为所有基于文本的元素设置css属性,而不是其他的。
最佳答案
不能基于元素是否包含文本的事实使用css选择器将其作为目标。另一方面,您可以寻找为文本设置全局字体大小或样式的最佳方法。
用你已经拥有的,
* {
font-size: 12px;
}
这是将该样式分配给dom中的所有内容。你可能不这么认为,但它是应用到你的头,身体,HTML,和任何标签在你的网页上。有几个选择你可以去做这件事,我会列出从最好到最坏的。
html, body { /* this allows the children to inherit this style */
font-size: 12px;
}
body * { /* assigns this style to every tag inside of your body tag */
font-size: 12px;
}
p, span, a, etc { /* you decided what tags would most likely contain text to apply that style */
font-size: 12px;
}
* { /* the worst option, applying that style to every tag */
font-size: 12px;
}