实用CSS样式

Moryu 6 阅读 前端

focus-with:

自己选中或者子元素选中

form-block:focus-within{
	background: #eee;
}

has()

.label span:has(+ input[data-required])::after {
	content: '*';
	color: red;
}

首字母大写

.content::first-letter{
	font-size: 4em;
	text-transform: uppercase;
	float: left;
	line-height: 1;
	margin-right: 10px;
}

文字选中样式

.content::selection{
	background: #333;
	color: #fff;
}