مشکل با last-child

[SadraHkm 20]

سلام دوستان

من این کد رو دارم :

.separator_pro:last-child img{ display:none}

وقتی این کد last-child رو اضافه میکنم مثل بالا، تمام اون img ها میره ( یعنی علاوه بر آخری، بقیه هم میره ) مثلا وقتی مینویسم nth-child(1n) بازم همشون میرن.

مشکلش چیه ؟

[Mobin 1669]

خب این کد تمام عکسهای درون اخرین المانی که کلاس .separator_pro رو از بین میبره

شما باید مقدار last-child رو به img بدین نه به والدش

[SadraHkm 20]

.separator_pro img:last-child { display:none}

اینطوریم امتحان کردم ولی بازم همشون میره

[SadraHkm 20]

در 31 دقیقه قبل، lord_viper گفته است :

خب این کد تمام عکسهای درون اخرین المانی که کلاس .separator_pro رو از بین میبره

شما باید مقدار last-child رو به img بدین نه به والدش

خب گفتم که. اینطوریم امتحان کردم نشد. کدشم بالاس

[Mobin 1669]

در مورد کاری که میخواهید انجام بدید بشتر توضیح بدید که دقیقا چه کاری میخواهید انجام بدین ؟

این کد رو هم امتحان کنید

 

.

.separator_pro:last-child img:last-child{ display:none}

 

[SadraHkm 20]

در در ۱۳۹۴/۱۱/۶ ه‍.ش. at 09:38، lord_viper گفته است :

در مورد کاری که میخواهید انجام بدید بشتر توضیح بدید که دقیقا چه کاری میخواهید انجام بدین ؟

این کد رو هم امتحان کنید

 

.

.separator_pro:last-child img:last-child{ display:none}

 

اون درست شد. ممنون

حالا یکی دیگه که دوباره مشکل ساز شده اینه :

.works_his:last-child .hori_line:after {display: block}







.hori_line:after {
    content: "";
    height: 9px;
    width: 9px;
    border-radius: 100%;
    background: #c7c8c9;
    position: absolute;
    top: 444px;
    left: -4px;
    display: none;
}

اون work_his یه جعبه هست. اون :after هم یه نقطه کوچیک هست که آخر اون کلاس های جعبه work_his  قرار دادم. حالا میخوام همه اون نقطه ها برن ( غیب بشن display:none ) به غیر از نقطه آخرین کلاس. ولی اینطوری که زدم نشد

( اون کد آخری هم استایل نقطه هست )

 

ویرایش شده بهمن 94 توسط hcp90

[Mobin 1669]

 

لطف کنید هر سوال رو تو تاپیک جداگانه قرار بدید

شما دارین 2 بار به .hori_line:after مقدار میدین به همین خاطر مشکل ایجاد میشه

.works_his:last-child .hori_line:last-child:after {
    content: "";
    height: 9px;
    width: 9px;
    border-radius: 100%;
    background: #c7c8c9;
    position: absolute;
    top: 444px;
    left: -4px;
    display: none;
}