Você sabe como css proíbe a seleção de texto, a seleção da primeira linha do texto, a seleção da primeira letra e a seleção da área destacada (selecionada)?
1. CSS proíbe o texto selecionado
Basta adicionar esse atributo de seleção do usuário: nenhum;
por exemplo,
antes de adicionar,
clique e clique para selecionar esses textos, o que afeta muito a beleza da página e não tem uma boa experiência do usuário
. Depois de adicioná-lo,
você pode clique no que quiser. Vai mudar.
Vamos falar sobre seus outros valores
text: text can be selected
all: quando todo o conteúdo como um todo pode ser selecionado. Se você clicar duas vezes ou clicar em um elemento filho no contexto, a parte selecionada será o elemento ancestral mais alto do elemento.
elemento: o texto pode ser selecionado, mas o intervalo de seleção é restringido pelo limite do elemento.
2. Seletor de pseudo-classe CSS :: first-line | Selecione a primeira linha do texto.
Este seletor de pseudoelemento seleciona a primeira linha do texto antes da quebra de linha
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div {
width: 200px;
height: 200px;
border: 1px solid red;
}
p::first-line {
color: red;
}
</style>
</head>
<body>
<div>
<p>奥科吉斯卡哈尽快答复哈数据库德哈卡实践活动氨基酸肯
定会看见爱上奥科吉斯卡哈尽快答复哈数据库德哈卡实践活动氨基酸肯
定会看见爱上奥科吉斯卡哈尽快答复哈数据库德哈卡实践活动氨基酸肯
定会看见爱上奥科</p>
</div>
</body>
</html>
3. Selecione a primeira letra :: primeira letra
<div class="first">
<p>aksadjklahkljasklf</p>
</div>
.first {
width: 200px;
height: 100px;
border: 1px solid red;
}
.first p::first-letter {
color: red;
}
4. Selecione a área destacada (selecionada) :: seleção
Aplica-se a qualquer área destacada selecionada pelo usuário. Se você usou um software para navegar em PDF, deve saber que, ao selecionar algumas fontes, o fundo amarelo aparecerá, como no exemplo a seguir.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div {
width: 300px;
height: 200px;
border: 1px solid red;
}
div::selection {
background-color: yellow;
}
</style>
</head>
<body>
<div>
爱上咖啡机安徽省非框架哈萨克就复活卡爱上咖啡机
安徽省非框架哈萨克就复活卡爱上咖啡机安徽省非框架哈萨克就复活卡
爱上咖啡机安徽省非框架哈萨克就复活卡
爱上咖啡机安徽省非框架哈萨克就复活卡
爱上咖啡机安徽省非框架哈萨克就复活卡
</div>
</body>
</html>
Se, na primeira tela,
quando você selecionar algum texto, vamos
lá, pessoal de TI!