আপনার example.cssচেহারাটি এর মতো বলে দিন :
.classname {
width: 440px;
}
/*#field_teacher_id {
display: block;
} */
form.table-form #field_teacher + label,
form.table-form #field_producer_distributor + label {
width: 300px;
}
.another {
width: 420px;
}
এখন মিডল ব্লকের স্টাইল সিলেক্টরগুলি পরিবর্তন করা যাক এবং এটির সময়ে আমরা কিছু পুরানো মন্তব্য-আউট শৈলী মুছুন যা আমাদের আর প্রয়োজন নেই।
.classname {
width: 440px;
}
#user-register form.table-form .field-type-checkbox label {
width: 300px;
}
.another {
width: 420px;
}
এটা সহজ ছিল, এখন প্রতিশ্রুতিবদ্ধ যাক। তবে অপেক্ষা করুন, আমি সাধারণ পদক্ষেপ অনুসারে কোড পর্যালোচনার জন্য সংস্করণ নিয়ন্ত্রণের পরিবর্তনের লজিক্যাল বিচ্ছিন্নতা বজায় রাখতে চাই এবং যাতে আমার দল এবং আমি সহজেই সুনির্দিষ্ট ইতিহাসের জন্য অনুসন্ধানের ইতিহাস সন্ধান করতে পারি।
পুরানো কোড মুছে ফেলা যুক্তিসঙ্গতভাবে অন্যান্য শৈল নির্বাচক পরিবর্তনের থেকে পৃথক। আমাদের দুটি স্বতন্ত্র কমিটের প্রয়োজন হবে, তাই আসুন প্যাচটির জন্য কুকুর যুক্ত করুন।
git add --patch
diff --git a/example.css b/example.css
index 426449d..50ecff9 100644
--- a/example.css
+++ b/example.css
@@ -2,12 +2,7 @@
width: 440px;
}
-/*#field_teacher_id {
- display: block;
-} */
-
-form.table-form #field_teacher + label,
-form.table-form #field_producer_distributor + label {
+#user-register form.table-form .field-type-checkbox label {
width: 300px;
}
Stage this hunk [y,n,q,a,d,/,e,?]?
উফফ, দেখে মনে হচ্ছে পরিবর্তনগুলি খুব কাছাকাছি, তাই গিট তাদের একসাথে শিকার করেছে।
এমনকি টিপে টি ভাগ করার চেষ্টা করার sএকই ফলাফল রয়েছে কারণ স্পষ্টতাটি আমাদের নির্ভুল পরিবর্তনের জন্য দানাদার নয় gran প্যাচটি স্বয়ংক্রিয়ভাবে বিভক্ত করতে গিটের জন্য পরিবর্তিত লাইনের মধ্যে অপরিবর্তিত রেখাগুলি প্রয়োজন ।
সুতরাং, আসুন টিপুন ম্যানুয়ালি এটি সম্পাদনা করুনe
Stage this hunk [y,n,q,a,d,/,e,?]? e
গিটটি আমাদের পছন্দের সম্পাদকটিতে প্যাচটি খুলবে।
# Manual hunk edit mode -- see bottom for a quick guide
@@ -2,12 +2,7 @@
width: 440px;
}
-/*#field_teacher_id {
- display: block;
-} */
-
-form.table-form #field_teacher + label,
-form.table-form #field_producer_distributor + label {
+#user-register form.table-form .field-type-checkbox label {
width: 300px;
}
# ---
# To remove '-' lines, make them ' ' lines (context).
# To remove '+' lines, delete them.
# Lines starting with # will be removed.
#
# If the patch applies cleanly, the edited hunk will immediately be
# marked for staging. If it does not apply cleanly, you will be given
# an opportunity to edit again. If all lines of the hunk are removed,
# then the edit is aborted and the hunk is left unchanged.
আসুন লক্ষ্য পর্যালোচনা করুন:
আমি কীভাবে কেবল পরবর্তী প্রতিশ্রুতিতে সিএসএস মন্তব্য অপসারণ যুক্ত করতে পারি?
আমরা এটিকে দুটি কমিটে বিভক্ত করতে চাই:
প্রথম প্রতিশ্রুতিতে কিছু লাইন মুছে ফেলা (মন্তব্য অপসারণ) জড়িত।
মন্তব্য করা রেখাগুলি অপসারণ করতে, কেবল তাদের একা রাখুন, তারা ইতিমধ্যে সংস্করণ নিয়ন্ত্রণে মুছে ফেলার ট্র্যাক করে চিহ্নিত করতে পেরেছে যেমনটি আমরা চাই।
-/*#field_teacher_id {
- display: block;
-} */
দ্বিতীয় প্রতিশ্রুতিবদ্ধতা হ'ল একটি পরিবর্তন, যা মুছে ফেলা এবং সংযোজন উভয়ই রেকর্ড করে ট্র্যাক করা হয়:
মোছা (পুরানো নির্বাচক লাইনগুলি সরানো হয়েছে)
পুরানো নির্বাচক লাইনগুলি রাখতে (এই প্রতিশ্রুতি দেওয়ার সময় সেগুলি মুছবেন না), আমরা চাই ...
'-' লাইনগুলি সরাতে, তাদের তৈরি করুন ''
... যার আক্ষরিক অর্থ বিয়োগ -চিহ্নগুলি একটি স্থান অক্ষরের সাথে প্রতিস্থাপন করা
সুতরাং এই তিন লাইন ...
-
-form.table-form #field_teacher + label,
-form.table-form #field_producer_distributor + label {
... হয়ে যাবে ( সমস্ত 3 লাইনের প্রথমটিতে একক স্থান লক্ষ্য করুন):
form.table-form #field_teacher + label,
form.table-form #field_producer_distributor + label {
সংযোজন (নতুন নির্বাচক লাইন যুক্ত)
এই প্রতিশ্রুতি চলাকালীন নতুন নির্বাচক লাইনে যুক্ত হওয়াতে মনোযোগ না দেওয়ার জন্য আমরা চাই ...
'+' লাইনগুলি সরাতে, তাদের মুছুন।
... যার আক্ষরিক অর্থ পুরো লাইনটি মুছে ফেলা:
+#user-register form.table-form .field-type-checkbox label {
(বোনাস: আপনি যদি নিজের সম্পাদক হিসাবে ভিএম ব্যবহার করছেন বলে মনে হয় তবে ddএকটি লাইন মুছতে টিপুন Nan ন্যানো ব্যবহারকারীরা Ctrl+ টিপুন K)
আপনি যখন সংরক্ষণ করেন তখন আপনার সম্পাদককে দেখতে দেখতে এটির মতো হওয়া উচিত:
# Manual hunk edit mode -- see bottom for a quick guide
@@ -2,12 +2,7 @@
width: 440px;
}
-/*#field_teacher_id {
- display: block;
-} */
form.table-form #field_teacher + label,
form.table-form #field_producer_distributor + label {
width: 300px;
}
# ---
# To remove '-' lines, make them ' ' lines (context).
# To remove '+' lines, delete them.
# Lines starting with # will be removed.
#
# If the patch applies cleanly, the edited hunk will immediately be
# marked for staging. If it does not apply cleanly, you will be given
# an opportunity to edit again. If all lines of the hunk are removed,
# then the edit is aborted and the hunk is left unchanged.
এখন প্রতিশ্রুতিবদ্ধ যাক।
git commit -m "remove old code"
এবং কেবল তা নিশ্চিত করার জন্য, আসুন শেষ প্রতিশ্রুতি থেকে পরিবর্তনগুলি দেখুন।
git show
commit 572ecbc7beecca495c8965ce54fbccabdd085112
Author: Jeff Puckett <jeff@jeffpuckett.com>
Date: Sat Jun 11 17:06:48 2016 -0500
remove old code
diff --git a/example.css b/example.css
index 426449d..d04c832 100644
--- a/example.css
+++ b/example.css
@@ -2,9 +2,6 @@
width: 440px;
}
-/*#field_teacher_id {
- display: block;
-} */
form.table-form #field_teacher + label,
form.table-form #field_producer_distributor + label {
পারফেক্ট - আপনি দেখতে পাচ্ছেন যে কেবল অপসারণগুলি পারমাণবিক অঙ্গীকারের অন্তর্ভুক্ত ছিল। এবার আসুন কাজটি শেষ করে বাকী প্রতিশ্রুতি দিন।
git add .
git commit -m "change selectors"
git show
commit 83ec3c16b73bca799e4ed525148cf303e0bd39f9
Author: Jeff Puckett <jeff@jeffpuckett.com>
Date: Sat Jun 11 17:09:12 2016 -0500
change selectors
diff --git a/example.css b/example.css
index d04c832..50ecff9 100644
--- a/example.css
+++ b/example.css
@@ -2,9 +2,7 @@
width: 440px;
}
-
-form.table-form #field_teacher + label,
-form.table-form #field_producer_distributor + label {
+#user-register form.table-form .field-type-checkbox label {
width: 300px;
}
শেষ অবধি আপনি দেখতে পারেন শেষ প্রতিশ্রুতিতে কেবল নির্বাচক পরিবর্তনগুলি অন্তর্ভুক্ত থাকে।