You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
1.8 KiB
75 lines
1.8 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Seudo Elements</title>
|
|
<style>
|
|
body {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.select::selection {
|
|
color: orange;
|
|
background-color: lightblue;
|
|
}
|
|
|
|
::first-line {
|
|
color: red;
|
|
}
|
|
|
|
::first-letter {
|
|
color: blue;
|
|
font-size: 60px;
|
|
}
|
|
|
|
[valign="top"] {
|
|
text-align: right !important;
|
|
}
|
|
#mailtpl_body{
|
|
text-align: right !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<!--
|
|
::first-line
|
|
بر روی تگ های
|
|
inline
|
|
کار نمیکنه
|
|
|
|
property های مجاز
|
|
font properties
|
|
color properties
|
|
background properties
|
|
letter-spacing
|
|
word-spacing
|
|
text-decoration
|
|
vertical-align
|
|
text-transform
|
|
line-height
|
|
clear
|
|
|
|
::first-lette
|
|
اولین کاراکتر را انتخاب میکند
|
|
|
|
::before
|
|
::after
|
|
برای وقتی است که نمیخواهیم یک عنصر جدید در صفحه داشته باشیم
|
|
اما میخواهیم که با سی اس اس یک محتوایی را به آن المان اضافه کنیم
|
|
|
|
opacity: مربوط به وضوح تصاویر است
|
|
|
|
|
|
-->
|
|
|
|
<body>
|
|
<p class="select">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae, magni.</p>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae, magni.</p>
|
|
<span>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eveniet, ex.</span>
|
|
<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor, aut.</div>
|
|
</body>
|
|
|
|
</html> |