سلام(ببخشید من هیچوقت نمیتونم تو عنوان درست مشکلم رو بگم)
کد html:
<div id="hihellohi">
<a href="#" id="title23">test</a>
:after
</div>
<ul class="horizontal cc_cursor">
<li><a class="active" href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
کد css:
ul.horizontal {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(43,22,22,1) 60%, rgba(39,39,36,1) 100%);
margin-top:8.20px;
}
ul.horizontal li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul.horizontal li {
float: right;
}
ul.horizontal li:hover{
background-color: #e6e3dc;
}
ul.horizontal li a:hover{
color: black;
}
.active{
background-color: #05ac72;
padding-right: 5px;
}
#title23{
color: white;
margin: auto;
margin-top: 8px;
font-size: 85px;
float: left;
font-family: 'open sans';
}
#title23 a{
color:white;
font-family: 'Open Sans', sans-serif;
}
#title23:hover{
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
خب حالا من یک دونه :after گذاشتم برای اینکه وقتی متن و منو وارد هم میشن ادغام شن اما اگر :after رو بردارم بهم میخوره
خب برنمیدارم اما وقتی افتر رو میزارم یه نوشته کوچولو گوشه ی هدر میاد نوشته :after
نمیدونم چیکار کنم:(
سلام
شما باید pseudo element after را در درون css قرار دهید. دوره های رایگان css و html می تونن در این زمینه کمکتون کنند.
@spaceandtime24
جلسات یادگیری شبه عناصر برای CSS رو مجدد بازخوانی کنید، مشکل پایه ای در درک مفاهیم دارین.
سلام کدی که نوشتید مشکل داره شما باید المنت after رو داخل css بگذارید
مثال
<!DOCTYPE html>
<html>
<head>
<style>
p::after {
content: " - Remember this";
}
</style>
</head>
<body>
<p>My name is Donald</p>
<p>I live in Ducksburg</p>
</body>
</html>
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟